Breadcrumb
<ts-breadcrumb> vv0.6.3
The ts-breadcrumb component.
Open in Storybook for interactive demos.
Preview
Section titled “Preview”<ts-breadcrumb separator="/">Content</ts-breadcrumb>Properties
Section titled “Properties”| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
maxItems | max-items | number | undefined | — | Maximum number of visible items. Middle items are hidden when exceeded. |
separator | separator | string | '/' | The separator character between breadcrumb items. |
| Name | Description |
|---|---|
*(default)* | Default slot for ts-breadcrumb-item children. |
CSS Parts
Section titled “CSS Parts”Use ::part() to style internal elements:
| Part | Description |
|---|---|
list | The ordered list element. |
nav | The nav element. |
ts-breadcrumb::part(list) { /* your custom styles */}<ts-breadcrumb separator="/">Content</ts-breadcrumb>import { TsBreadcrumb } from '@tessera-ui/react';
<TsBreadcrumb separator="/">Content</TsBreadcrumb>