## Alert Props

| Name             | Type                                                             | Default      | Required | Description                                                          |
| ---------------- | ---------------------------------------------------------------- | ------------ | -------- | -------------------------------------------------------------------- |
| visible          | `boolean`                                                        | `false`      | N        | Whether to show, supports two-way binding.                           |
| title            | `string`                                                         | `''`         | N        | Title.                                                               |
| message          | `string`                                                         | `''`         | N        | Message content.                                                     |
| duration         | `number`                                                         | `3000`       | N        | Display duration (ms), set to 0 to disable auto close.               |
| position         | `'top'\|'bottom'`                                                | `'top'`      | N        | Display position.                                                    |
| py               | `'0'\|'10'\|'20'\|'40'\|'60'\|'80'`                               | `'20'`       | N        | Distance from top/bottom.                                            |
| type             | `'success'\|'error'\|'warning'\|'info'\|null`                    | `null`       | N        | Alert type.                                                          |
| showIcon         | `boolean`                                                        | `true`       | N        | Whether to show type icon.                                           |
| icon             | [`Icon`](https://stdf.design/components?nav=icon&tab=1)          | `{}`         | N        | Custom icon configuration.                                           |
| closable         | `boolean`                                                        | `true`       | N        | Whether to show close button.                                        |
| inverse          | `boolean`                                                        | `true`       | N        | Whether to use inverse colors, uses dark background in light mode.   |
| card             | [`Card`](https://stdf.design/components?nav=card&tab=1)          | `{}`         | N        | Card component configuration.                                        |
| transitionType   | `'scale'\|'fly'\|'fade'\|'slide'\|'blur'\|null`                  | `'fly'`      | N        | Transition animation type, corresponds to [svelte/transition](https://svelte.dev/docs/svelte/svelte-transition) functions. |
| transitionParams | [`Transition`](https://svelte.dev/docs/svelte/svelte-transition) | `{}`         | N        | Animation parameters for svelte/transition functions, in duration defaults to 300. |
| outDuration      | `number`                                                         | `300`        | N        | Out animation duration (ms).                                         |
| easeType         | [`SvelteEasingProps`](https://svelte.dev/docs/svelte/svelte-easing) | `'cubicOut'` | N        | In animation easing function, corresponds to [svelte/easing](https://svelte.dev/docs/svelte/svelte-easing) functions. |
| easeOutType      | [`SvelteEasingProps`](https://svelte.dev/docs/svelte/svelte-easing) | `'cubicOut'` | N        | Out animation easing function, corresponds to svelte/easing functions. |
| zIndex           | `number`                                                         | `1000`       | N        | z-index level.                                                       |
| clickable        | `boolean`                                                        | `true`       | N        | Whether to allow click-through to content below.                     |
| injClass         | `string`                                                         | `''`         | N        | Inject CSS class name.                                               |

## Alert Events

| Name    | Type         | Params | Description           |
| ------- | ------------ | ------ | --------------------- |
| onclose | `() => void` | -      | Triggered when closed. |

## Alert Snippets

| Name     | Type      | Params | Description              |
| -------- | --------- | ------ | ------------------------ |
| children | `Snippet` | -      | Custom content area.     |