---
tutorial: "https://www.youtube.com/watch?v=qfAIamf0JOA"
---

# `03.5` Alert Component

Based on the knowledge that you now have:

## 📝 Instructions:

1. Please create an `<Alert />` component that receives 1 prop `text: PropTypes.string` and renders a [bootstrap alert](https://getbootstrap.com/docs/5.0/components/alerts/#examples) like the following:

## 💻 Expected Result:

This is what the component should output as HTML:

```html
<div class="alert alert-danger" role="alert">
  OMG! Something really bad has happened!
</div>
```
## 💡 Hint:

+ This is how the component should be used:

```jsx
<Alert text="OMG! Something really bad has happened!" />
```
