Breadcrumbs display a hierarchy of links to the current page or resource in an application.
import { Breadcrumbs } from 'sveltekev';
<Breadcrumbs paths={[{ slug: 'Home', href: '/'}]} />
ATTRIBUTE | TYPE | DEFAULT |
---|---|---|
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | md |
radius | 'none' | 'sm' | 'md' | 'lg' | 'full' | none |
color | 'black' | 'white' | 'gray' | 'none' | 'default' | 'primary' | 'secondary' | 'success' | 'warning'| 'danger' | default |
shadow | 0 | 1 | 2 | 3 | 0 |
paths | { slug: string; href: string }[] | null |