This is the llms.txt documentation for the "switches" directory of the Origin UI - Svelte project.
# "switches" 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 17 components, each following best practices for accessibility, performance, and type safety.
## Components
## switch-01
> A type-safe, accessible switch-01 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-01`
- **Location**: `/src/lib/components/switches/switch-01.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-01.svelte)
## switch-02
> A type-safe, accessible switch-02 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-02`
- **Location**: `/src/lib/components/switches/switch-02.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-02.svelte)
## switch-03
> A type-safe, accessible switch-03 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-03`
- **Location**: `/src/lib/components/switches/switch-03.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-03.svelte)
## switch-04
> A type-safe, accessible switch-04 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-04`
- **Location**: `/src/lib/components/switches/switch-04.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-04.svelte)
## switch-05
> A type-safe, accessible switch-05 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-05`
- **Location**: `/src/lib/components/switches/switch-05.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-05.svelte)
## switch-06
> A type-safe, accessible switch-06 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-06`
- **Location**: `/src/lib/components/switches/switch-06.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-06.svelte)
## switch-07
> A type-safe, accessible switch-07 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-07`
- **Location**: `/src/lib/components/switches/switch-07.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-07.svelte)
## switch-08
> A type-safe, accessible switch-08 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-08`
- **Location**: `/src/lib/components/switches/switch-08.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-08.svelte)
## switch-09
> A type-safe, accessible switch-09 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-09`
- **Location**: `/src/lib/components/switches/switch-09.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-09.svelte)
## switch-10
> A type-safe, accessible switch-10 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-10`
- **Location**: `/src/lib/components/switches/switch-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/switches/switch-10.svelte)
## switch-11
> A type-safe, accessible switch-11 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-11`
- **Location**: `/src/lib/components/switches/switch-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/switches/switch-11.svelte)
## switch-12
> A type-safe, accessible switch-12 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-12`
- **Location**: `/src/lib/components/switches/switch-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/switches/switch-12.svelte)
## switch-13
> A type-safe, accessible switch-13 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-13`
- **Location**: `/src/lib/components/switches/switch-13.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/switches/switch-13.svelte)
## switch-14
> A type-safe, accessible switch-14 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-14`
- **Location**: `/src/lib/components/switches/switch-14.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
OffOn
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-14.svelte)
## switch-15
> A type-safe, accessible switch-15 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-15`
- **Location**: `/src/lib/components/switches/switch-15.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
A short description goes here.
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-15.svelte)
## switch-16
> A type-safe, accessible switch-16 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-16`
- **Location**: `/src/lib/components/switches/switch-16.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
A short description goes here.
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/switches/switch-16.svelte)
## switch-17
> A type-safe, accessible switch-17 component for building modern UIs. This component is part of the switches collection.
### Core Information
- **Component ID**: `switch-17`
- **Location**: `/src/lib/components/switches/switch-17.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte