# Alert
reference: [https://flowbite.com/docs/components/alert/](https://flowbite.com/docs/components/alert/)
## Prop - type
```typescript
export type AlertType = 'info' | 'danger' | 'success' | 'warning' | 'dark'
defineProps({
type: {
type: String as PropType,
default: 'info',
},
})
```
```vue
Info
Warning
Danger
Dark
Success
```
## Prop - title
```typescript
defineProps({
title: {
type: String,
default: '',
},
})
```
```vue
Info
Warning
Danger
Dark
Success
```
## Prop - closable
```typescript
defineProps({
closable: {
type: Boolean,
default: false,
},
})
```
```vue
Info
Warning
Danger
Dark
Success
```
## Prop - border
```typescript
defineProps({
border: {
type: Boolean,
default: false,
},
})
```
```vue
Info
Warning
Danger
Dark
Success
```
## Prop - icon
```typescript
defineProps({
icon: {
type: Boolean,
default: true,
},
})
```
```vue
Info
Warning
Danger
Dark
Success
```
## Prop - inline
```typescript
defineProps({
inline: {
type: Boolean,
default: true,
},
})
```
```vue
Lorem...
Lorem...
Lorem...
Lorem...
Lorem...
```