BreadcrumbItem

<ts-breadcrumb-item> vv0.6.3

The ts-breadcrumb-item component.

Open in Storybook for interactive demos.

Preview

<ts-breadcrumb-item>Content</ts-breadcrumb-item>

Properties

Property	Attribute	Type	Default	Description
current	current	boolean	false	Marks this item as the current page.
href	href	string | undefined	—	If set, renders as a link.
separator	separator	string | undefined	—	Separator character (set by parent ts-breadcrumb).

Slots

Name	Description
*(default)*	Default slot for label text.
icon	Optional icon slot rendered before the label.

CSS Parts

Use ::part() to style internal elements:

Part	Description
link	The anchor or span element.
separator	The separator element.

ts-breadcrumb-item::part(link) {
  /* your custom styles */
}

Usage

HTML

<ts-breadcrumb-item>Content</ts-breadcrumb-item>

React

import { TsBreadcrumbItem } from '@tessera-ui/react';

<TsBreadcrumbItem>Content</TsBreadcrumbItem>