V Vaylan UI
Navigation

Breadcrumbs

Show a compact trail back through the current hierarchy.

Preview

Example

<.breadcrumbs><:item label="Home" href="/" /><:item label="Projects" current /></.breadcrumbs>

API contract

breadcrumbs/1 uses declared Phoenix attributes and slots. This table is generated from the compiled component metadata.

AttributeTypeRequiredDefaultAccepted values
label :string No "Breadcrumb" Any value matching the declared type
class :any No nil Any value matching the declared type
rest :global No Any value matching the declared type
SlotRequiredSlot attributes
item Yes label: :string required, href: :string, navigate: :string, patch: :string, current: :boolean

States and behavior

Current, disabled, loading, or active state is exposed where the component supports it.

Keyboard and accessibility