Moon liveview storybook Moon Liveview Storybook

Breadcrumbs

Website
Moon Design System Website
HEX
View package HEX
GitHub
View repository GitHub
Attribute Type Documentation Default Value
collapse_after :integer

Total amount of breadcrumbs before collapsed
4
rest :global

Other attributes of the Breadcrumbs
Required crumb * :slot

Breadcrumb

 
<:crumb><.link data-testid="collapsed-breadcrumbs-link-0" href="#">Home</.link></:crumb>
<:crumb><.link data-testid="collapsed-breadcrumbs-link-1" href="#">Page 1</.link></:crumb>
<:crumb><.link data-testid="collapsed-breadcrumbs-link-2" href="#">Page 2</.link></:crumb>
<:crumb><.link data-testid="collapsed-breadcrumbs-link-3" href="#">Page 3</.link></:crumb>
<:crumb><.link data-testid="collapsed-breadcrumbs-link-4" href="#">Page 4</.link></:crumb>
<:crumb><span data-testid="collapsed-breadcrumbs-current">Current page</span></:crumb>
divider :slot

Custom divider element