Breadcrumb

<sc-breadcrumb></sc-breadcrumb>

This component let users create breadcrumb.

info

Breadcrumb components must be wrapped in the <sc-breadcrumbs></sc-breadcrumbs> component.

Preview

<sc-breadcrumbs>
	<sc-breadcrumb>First</sc-breadcrumb>
	<sc-breadcrumb>Second</sc-breadcrumb>
	<sc-breadcrumb>Third</sc-breadcrumb>
</sc-breadcrumbs>

Code

FirstSecondThird

Component Codex

Properties

Property	Description	Type	Default
href	Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered internally. When unset, a button will be rendered instead.	string
rel	The `rel` attribute to use on the link. Only used when `href` is set.	string	'noreferrer noopener'
target	Tells the browser where to open the link. Only used when `href` is set.	"_blank" | "_parent" | "_self" | "_top"

Shadow Parts

Part	Description
base	The elements base wrapper.
label	The label.
prefix	The prefix item.
separator	The separator.
suffix	The suffix item.

Uses

• sc-icon