Breadcrumb
Default Breadcrumb
<Breadcrumb aria-label="Default breadcrumb example">
<BreadcrumbItem href="/" icon={Home} variation="solid">Home</BreadcrumbItem>
<BreadcrumbItem href="/">Projects</BreadcrumbItem>
<BreadcrumbItem>Flowbite Svelte</BreadcrumbItem>
</Breadcrumb>
Solid Breadcrumb
<Breadcrumb aria-label="Solid background breadcrumb example" class="bg-gray-50 py-3 px-5 dark:bg-gray-900">
<BreadcrumbItem href="/" icon={Home} variation="solid">Home</BreadcrumbItem>
<BreadcrumbItem href="/">Projects</BreadcrumbItem>
<BreadcrumbItem>Flowbite Svelte</BreadcrumbItem>
</Breadcrumb>
Props
The component has the following props, type, and default values. See types
page for type information.
Breadcrumb
| Name
| Type
| Default
|
|---|
| navClass
| string
| 'flex'
|
|---|
| olClass
| string
| 'inline-flex items-center space-x-1 md:space-x-3'
|
|---|
BreadcrumbItem
| Name
| Type
| Default
|
|---|
| icon
| typeof SvelteComponent | null
| null
|
|---|
| variation
| 'solid' | null
| null
|
|---|
| iconSize
| number
| 20
|
|---|
| iconClass
| string
| 'mr-2'
|
|---|
References