This is the llms.txt documentation for the "buttons" directory of the Origin UI - Svelte project.
# "buttons" 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 51 components, each following best practices for accessibility, performance, and type safety.
## Components
## button-01
> A type-safe, accessible button-01 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-01`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-01.svelte)
## button-02
> A type-safe, accessible button-02 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-02`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-02.svelte)
## button-03
> A type-safe, accessible button-03 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-03`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-03.svelte)
## button-04
> A type-safe, accessible button-04 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-04`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-04.svelte)
## button-05
> A type-safe, accessible button-05 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-05`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-05.svelte)
## button-06
> A type-safe, accessible button-06 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-06`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-06.svelte)
## button-07
> A type-safe, accessible button-07 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-07`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-07.svelte)
## button-08
> A type-safe, accessible button-08 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-08`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-08.svelte)
## button-09
> A type-safe, accessible button-09 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-09`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-09.svelte)
## button-10
> A type-safe, accessible button-10 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-10`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-10.svelte)
## button-11
> A type-safe, accessible button-11 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-11`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-11.svelte)
## button-12
> A type-safe, accessible button-12 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-12`
- **Location**: `/src/lib/components/buttons/button-12.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/buttons/button-12.svelte)
## button-13
> A type-safe, accessible button-13 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-13`
- **Location**: `/src/lib/components/buttons/button-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/buttons/button-13.svelte)
## button-14
> A type-safe, accessible button-14 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-14`
- **Location**: `/src/lib/components/buttons/button-14.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/buttons/button-14.svelte)
## button-15
> A type-safe, accessible button-15 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-15`
- **Location**: `/src/lib/components/buttons/button-15.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/buttons/button-15.svelte)
## button-16
> A type-safe, accessible button-16 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-16`
- **Location**: `/src/lib/components/buttons/button-16.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/buttons/button-16.svelte)
## button-17
> A type-safe, accessible button-17 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-17`
- **Location**: `/src/lib/components/buttons/button-17.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`enhanced-image`](https://www.npmjs.com/package/@sveltejs/enhanced-img) (dev dependency)
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-17.svelte)
## button-18
> A type-safe, accessible button-18 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-18`
- **Location**: `/src/lib/components/buttons/button-18.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`lucide-svelte`](https://github.com/lucide-icons/lucide)
- [`enhanced-image`](https://www.npmjs.com/package/@sveltejs/enhanced-img) (dev dependency)
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-18.svelte)
## button-19
> A type-safe, accessible button-19 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-19`
- **Location**: `/src/lib/components/buttons/button-19.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/buttons/button-19.svelte)
## button-20
> A type-safe, accessible button-20 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-20`
- **Location**: `/src/lib/components/buttons/button-20.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/buttons/button-20.svelte)
## button-21
> A type-safe, accessible button-21 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-21`
- **Location**: `/src/lib/components/buttons/button-21.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/buttons/button-21.svelte)
## button-22
> A type-safe, accessible button-22 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-22`
- **Location**: `/src/lib/components/buttons/button-22.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`lucide-svelte`](https://github.com/lucide-icons/lucide)
Full component implementation:
```svelte
{#snippet child({ props })}
{/snippet}
Tooltip
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-22.svelte)
## button-23
> A type-safe, accessible button-23 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-23`
- **Location**: `/src/lib/components/buttons/button-23.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/buttons/button-23.svelte)
## button-24
> A type-safe, accessible button-24 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-24`
- **Location**: `/src/lib/components/buttons/button-24.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`lucide-svelte`](https://github.com/lucide-icons/lucide)
Full component implementation:
```svelte
{#snippet child({ props })}
(bookmarked = !bookmarked)}
{...props}
>
{/snippet}
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-24.svelte)
## button-25
> A type-safe, accessible button-25 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-25`
- **Location**: `/src/lib/components/buttons/button-25.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`lucide-svelte`](https://github.com/lucide-icons/lucide)
Full component implementation:
```svelte
235
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-25.svelte)
## button-26
> A type-safe, accessible button-26 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-26`
- **Location**: `/src/lib/components/buttons/button-26.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`lucide-svelte`](https://github.com/lucide-icons/lucide)
Full component implementation:
```svelte
235
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-26.svelte)
## button-27
> A type-safe, accessible button-27 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-27`
- **Location**: `/src/lib/components/buttons/button-27.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`lucide-svelte`](https://github.com/lucide-icons/lucide)
Full component implementation:
```svelte
Volume Control
{volume}
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-27.svelte)
## button-28
> A type-safe, accessible button-28 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-28`
- **Location**: `/src/lib/components/buttons/button-28.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
{#snippet child({ props })}
{/snippet}
Click to copy
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-28.svelte)
## button-29
> A type-safe, accessible button-29 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-29`
- **Location**: `/src/lib/components/buttons/button-29.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/buttons/button-29.svelte)
## button-30
> A type-safe, accessible button-30 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-30`
- **Location**: `/src/lib/components/buttons/button-30.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/buttons/button-30.svelte)
## button-31
> A type-safe, accessible button-31 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-31`
- **Location**: `/src/lib/components/buttons/button-31.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/buttons/button-31.svelte)
## button-32
> A type-safe, accessible button-32 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-32`
- **Location**: `/src/lib/components/buttons/button-32.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
{#each options as option (option.value)}
{option.label}
{/each}
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-32.svelte)
## button-33
> A type-safe, accessible button-33 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-33`
- **Location**: `/src/lib/components/buttons/button-33.svelte`
- **Type**: UI Component
### Usage
```svelte
Full component implementation:
```svelte
{#each options as option (option.value)}
{option.label}
{/each}
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-33.svelte)
## button-34
> A type-safe, accessible button-34 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-34`
- **Location**: `/src/lib/components/buttons/button-34.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/buttons/button-34.svelte)
## button-35
> A type-safe, accessible button-35 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-35`
- **Location**: `/src/lib/components/buttons/button-35.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/buttons/button-35.svelte)
## button-36
> A type-safe, accessible button-36 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-36`
- **Location**: `/src/lib/components/buttons/button-36.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/buttons/button-36.svelte)
## button-37
> A type-safe, accessible button-37 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-37`
- **Location**: `/src/lib/components/buttons/button-37.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/buttons/button-37.svelte)
## button-38
> A type-safe, accessible button-38 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-38`
- **Location**: `/src/lib/components/buttons/button-38.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/buttons/button-38.svelte)
## button-39
> A type-safe, accessible button-39 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-39`
- **Location**: `/src/lib/components/buttons/button-39.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/buttons/button-39.svelte)
## button-40
> A type-safe, accessible button-40 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-40`
- **Location**: `/src/lib/components/buttons/button-40.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/buttons/button-40.svelte)
## button-41
> A type-safe, accessible button-41 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-41`
- **Location**: `/src/lib/components/buttons/button-41.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/buttons/button-41.svelte)
## button-42
> A type-safe, accessible button-42 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-42`
- **Location**: `/src/lib/components/buttons/button-42.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`~icons/ri`](https://www.npmjs.com/package/@iconify-json/ri) (dev dependency)
- [`~icons/ri`](https://github.com/antfu/unplugin-icons) (dev dependency)
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-42.svelte)
## button-43
> A type-safe, accessible button-43 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-43`
- **Location**: `/src/lib/components/buttons/button-43.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`~icons/ri`](https://www.npmjs.com/package/@iconify-json/ri) (dev dependency)
- [`~icons/ri`](https://github.com/antfu/unplugin-icons) (dev dependency)
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-43.svelte)
## button-44
> A type-safe, accessible button-44 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-44`
- **Location**: `/src/lib/components/buttons/button-44.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`~icons/ri`](https://www.npmjs.com/package/@iconify-json/ri) (dev dependency)
- [`~icons/ri`](https://github.com/antfu/unplugin-icons) (dev dependency)
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-44.svelte)
## button-45
> A type-safe, accessible button-45 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-45`
- **Location**: `/src/lib/components/buttons/button-45.svelte`
- **Type**: UI Component
### Usage
```svelte
### Dependencies
Required packages and components:
- [`~icons/ri`](https://www.npmjs.com/package/@iconify-json/ri) (dev dependency)
- [`~icons/ri`](https://github.com/antfu/unplugin-icons) (dev dependency)
Full component implementation:
```svelte
```
### Links
- [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/buttons/button-45.svelte)
## button-46
> A type-safe, accessible button-46 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-46`
- **Location**: `/src/lib/components/buttons/button-46.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/buttons/button-46.svelte)
## button-47
> A type-safe, accessible button-47 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-47`
- **Location**: `/src/lib/components/buttons/button-47.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/buttons/button-47.svelte)
## button-48
> A type-safe, accessible button-48 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-48`
- **Location**: `/src/lib/components/buttons/button-48.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/buttons/button-48.svelte)
## button-49
> A type-safe, accessible button-49 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-49`
- **Location**: `/src/lib/components/buttons/button-49.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/buttons/button-49.svelte)
## button-50
> A type-safe, accessible button-50 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-50`
- **Location**: `/src/lib/components/buttons/button-50.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/buttons/button-50.svelte)
## button-51
> A type-safe, accessible button-51 component for building modern UIs. This component is part of the buttons collection.
### Core Information
- **Component ID**: `button-51`
- **Location**: `/src/lib/components/buttons/button-51.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/buttons/button-51.svelte)
{:else}
{/if}