This is the llms.txt documentation for the "alerts" directory of the Origin UI - Svelte project. # "alerts" directory > A collection of production-ready, accessible UI components built with Svelte 5 and Tailwind CSS. These components are designed to be drop-in solutions for rapidly building modern web applications. This documentation covers 12 components, each following best practices for accessibility, performance, and type safety. ## Components ## alert-01 > A type-safe, accessible alert-01 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-01` - **Location**: `/src/lib/components/alerts/alert-01.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte

``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-01.svelte) ## alert-02 > A type-safe, accessible alert-02 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-02` - **Location**: `/src/lib/components/alerts/alert-02.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte

``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-02.svelte) ## alert-03 > A type-safe, accessible alert-03 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-03` - **Location**: `/src/lib/components/alerts/alert-03.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte

``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-03.svelte) ## alert-04 > A type-safe, accessible alert-04 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-04` - **Location**: `/src/lib/components/alerts/alert-04.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte

``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-04.svelte) ## alert-05 > A type-safe, accessible alert-05 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-05` - **Location**: `/src/lib/components/alerts/alert-05.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte

``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-05.svelte) ## alert-06 > A type-safe, accessible alert-06 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-06` - **Location**: `/src/lib/components/alerts/alert-06.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte

``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-06.svelte) ## alert-07 > A type-safe, accessible alert-07 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-07` - **Location**: `/src/lib/components/alerts/alert-07.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte

``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-07.svelte) ## alert-08 > A type-safe, accessible alert-08 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-08` - **Location**: `/src/lib/components/alerts/alert-08.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte

``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-08.svelte) ## alert-09 > A type-safe, accessible alert-09 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-09` - **Location**: `/src/lib/components/alerts/alert-09.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-09.svelte) ## alert-10 > A type-safe, accessible alert-10 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-10` - **Location**: `/src/lib/components/alerts/alert-10.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-10.svelte) ## alert-11 > A type-safe, accessible alert-11 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-11` - **Location**: `/src/lib/components/alerts/alert-11.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-11.svelte) ## alert-12 > A type-safe, accessible alert-12 component for building modern UIs. This component is part of the alerts collection. ### Core Information - **Component ID**: `alert-12` - **Location**: `/src/lib/components/alerts/alert-12.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte
``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/alerts/alert-12.svelte)