Back to Tuist

BreadcrumbItem

noora/docs/components/breadcrumbitem.md

4.204.01.2 KB
Original Source
<!-- Generated by scripts/generate-web-components.js. Do not edit directly. -->

BreadcrumbItem

Describes one declarative item inside breadcrumbs.

html
<noora-breadcrumb-item href="/projects">Projects</noora-breadcrumb-item>

Attributes

AttributeType or allowed valuesDefaultDescription
labelstring""Sets the label instead of using text content.
hrefstringNoneSets the navigation address.
iconstringNoneShows an icon before the label.
avatarbooleanfalseShows an avatar before the label.
avatar-namestringNoneSets the avatar name.
avatar-colorstringNoneSets the avatar color.
avatar-image-hrefstringNoneSets the avatar image address.
badge-labelstringNoneShows a badge with this label.
badge-colorstringNoneSets the badge color.

Slots

SlotDescription
defaultThe label followed by optional noora-dropdown-item children.

Nested noora-dropdown-item children create the optional breadcrumb menu.

Item

Describe one level in a breadcrumb path.

html
<noora-breadcrumb-item href="/projects">Projects</noora-breadcrumb-item>