Installation
Barrel
import { Breadcrumbs } from 'kumo-svelte';Granular
import { Breadcrumbs } from 'kumo-svelte/components/breadcrumbs';Usage
Examples
Basic
Loading
Root
Clipboard
API Reference
Breadcrumbs
| Prop | Type | Default | Description |
|---|---|---|---|
| size | 'sm' | 'base' | "base" | Size of the breadcrumbs. |
| children | Snippet | - | Breadcrumbs.Link, Breadcrumbs.Separator, Breadcrumbs.Current, and Breadcrumbs.Clipboard children. |
| class | string | - | Additional classes merged onto the nav element. |
Breadcrumbs.Link
| Prop | Type | Default | Description |
|---|---|---|---|
| href * | string | - | Destination URL. |
| icon | Component | - | Icon component rendered before the label. |
Breadcrumbs.Current
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | Component | - | Icon component rendered before the label. |
| loading | boolean | false | Shows a skeleton placeholder instead of the label. |
Breadcrumbs.Separator
| Prop | Type | Default | Description |
|---|---|---|---|
| No component-specific props. Accepts standard HTML attributes. | |||
Breadcrumbs.Clipboard
| Prop | Type | Default | Description |
|---|---|---|---|
| text * | string | - | Text copied to the clipboard. |