# Alert ## Example ```svelte Default Alert Alert Description Secondary Alert Alert Description

Preset Alerts

Alert Description Alert Description Alert Description Alert Description
``` ## Documentation ## Usage ```svelte Alert Description ``` ## API Reference ### Alert A component for displaying important messages to the user. | Prop | Type | Default | Description | |------|------|---------|-------------| | title | `string` | `-` | The title text of the alert. | | type | `'info' | 'warning' | 'success' | 'error'` | `-` | The type of alert, which determines the icon and default color scheme. | | variant | `string` | `-` | The visual variant of the alert. | | children | `Snippet` | `-` | The content to display inside the alert. (required) | | class | `string` | `-` | Additional CSS classes to apply. | | ref | `HTMLDivElement` | `-` | The underlying DOM element. (bindable) |