This is the llms.txt documentation for the "breadcrumbs" directory of the Origin UI - Svelte project. # "breadcrumbs" 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 8 components, each following best practices for accessibility, performance, and type safety. ## Components ## breadcrumb-01 > A type-safe, accessible breadcrumb-01 component for building modern UIs. This component is part of the breadcrumbs collection. ### Core Information - **Component ID**: `breadcrumb-01` - **Location**: `/src/lib/components/breadcrumbs/breadcrumb-01.svelte` - **Type**: UI Component ### Usage ```svelte Full component implementation: ```svelte Home {#snippet child({ props })} Documentation {/snippet} {#snippet child({ props })} Themes {/snippet} {#snippet child({ props })} GitHub {/snippet} Components Breadcrumb ``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/breadcrumbs/breadcrumb-01.svelte) ## breadcrumb-02 > A type-safe, accessible breadcrumb-02 component for building modern UIs. This component is part of the breadcrumbs collection. ### Core Information - **Component ID**: `breadcrumb-02` - **Location**: `/src/lib/components/breadcrumbs/breadcrumb-02.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte Home {#snippet child({ props })} Documentation {/snippet} {#snippet child({ props })} Themes {/snippet} {#snippet child({ props })} GitHub {/snippet} Components Breadcrumb ``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/breadcrumbs/breadcrumb-02.svelte) ## breadcrumb-03 > A type-safe, accessible breadcrumb-03 component for building modern UIs. This component is part of the breadcrumbs collection. ### Core Information - **Component ID**: `breadcrumb-03` - **Location**: `/src/lib/components/breadcrumbs/breadcrumb-03.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte Components Breadcrumb ``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/breadcrumbs/breadcrumb-03.svelte) ## breadcrumb-04 > A type-safe, accessible breadcrumb-04 component for building modern UIs. This component is part of the breadcrumbs collection. ### Core Information - **Component ID**: `breadcrumb-04` - **Location**: `/src/lib/components/breadcrumbs/breadcrumb-04.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte Breadcrumb ``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/breadcrumbs/breadcrumb-04.svelte) ## breadcrumb-05 > A type-safe, accessible breadcrumb-05 component for building modern UIs. This component is part of the breadcrumbs collection. ### Core Information - **Component ID**: `breadcrumb-05` - **Location**: `/src/lib/components/breadcrumbs/breadcrumb-05.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte / Components / Breadcrumb ``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/breadcrumbs/breadcrumb-05.svelte) ## breadcrumb-06 > A type-safe, accessible breadcrumb-06 component for building modern UIs. This component is part of the breadcrumbs collection. ### Core Information - **Component ID**: `breadcrumb-06` - **Location**: `/src/lib/components/breadcrumbs/breadcrumb-06.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte · Components · Breadcrumb ``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/breadcrumbs/breadcrumb-06.svelte) ## breadcrumb-07 > A type-safe, accessible breadcrumb-07 component for building modern UIs. This component is part of the breadcrumbs collection. ### Core Information - **Component ID**: `breadcrumb-07` - **Location**: `/src/lib/components/breadcrumbs/breadcrumb-07.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte Components Breadcrumb ``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/breadcrumbs/breadcrumb-07.svelte) ## breadcrumb-08 > A type-safe, accessible breadcrumb-08 component for building modern UIs. This component is part of the breadcrumbs collection. ### Core Information - **Component ID**: `breadcrumb-08` - **Location**: `/src/lib/components/breadcrumbs/breadcrumb-08.svelte` - **Type**: UI Component ### Usage ```svelte ### Dependencies Required packages and components: - [`lucide-svelte`](https://github.com/lucide-icons/lucide) Full component implementation: ```svelte Databases ``` ### Links - [View Source](https://github.com/max-got/originui-svelte/tree/main/src/lib/components/breadcrumbs/breadcrumb-08.svelte)