Breadcrumb

Displays the path to the current resource using a hierarchy of links.

Examples

Basic Breadcrumb

blade

<x-plume::breadcrumb :items="[
    ['label' => 'Home', 'href' => '/'],
    ['label' => 'Components', 'href' => '#'],
    ['label' => 'Breadcrumb', 'active' => true],
]" />

Custom Separator

blade

<x-plume::breadcrumb separator="/" :items="[['label' => 'Home', 'href' => '/'], ['label' => 'Custom', 'active' => true]]" />

<x-plume::breadcrumb separator="icon-[fluent--subtract-24-regular]" :items="[['label' => 'Home', 'href' => '/'], ['label' => 'Subtract', 'active' => true]]" />

Prop	Type	Default	Description
items	array	[]	Array of link items: [['label' => 'Home', 'href' => '/', 'active' => false]].
separator	string	'icon-[fluent--chevron-right-24-regular]'	The character or icon name to use as a separator.

Usage

blade

<x-plume::breadcrumb :items="[['label' => 'Home', 'href' => '/'], ['label' => 'Docs', 'active' => true]]" />