Breadcrumb Item

<gstock-breadcrumb-item> | GstockBreadcrumbItem

API

Propiedades

Nombre	Descripción	Reflects	Tipo	Por defecto
`download`	Tells the browser to download the linked file as this filename. Only used when `href` is present.		`string \| undefined`	`-`
`href`	The URL that the hyperlink points to. When provided, the breadcrumb item will be rendered as an `<a>` element with `href` instead of a `<button>`.		`string \| undefined`	`-`
`iconPrefix` `prefix`	An icon name to show before the breadcrumb item’s label. Alternatively, you can use the `prefix` slot.		`string \| undefined`	`-`
`iconSuffix` `suffix`	An icon name to show after the breadcrumb item’s label. Alternatively, you can use the `suffix` slot.		`string \| undefined`	`-`
`rel`	The `rel` attribute to use on the link. Only used when `href` is present.		`string`	`'noreferrer noopener'`
`target`	Where to display the linked URL. Only used when `href` is present. Possible values are `_blank`, `_parent`, `_self`, and `_top`.		`'_blank' \| '_parent' \| '_self' \| '_top' \| undefined`	`-`
`variant`	The type of element to render. When set to `link`, the breadcrumb item will be styled as a link even without an `href` attribute. This is useful when integrating with framework routers (e.g., Angular’s RouterLink, React Router’s Link component) that handle navigation without using traditional href attributes.		`'button' \| 'link'`	`'button'`
`updateComplete`	A read-only promise that resolves when the component has finished updating.

Aprende más sobre atributos y propiedades .

Slots

Nombre	Descripción
`default`	The breadcrumb item’s label.
`prefix`	An optional prefix, usually an icon or icon button.
`suffix`	An optional suffix, usually an icon or icon button.
`separator`	The separator to use for the breadcrumb item. This will only be visible if the item is not the last in the breadcrumb.

Aprende más sobre slots .

Partes

Nombre	Descripción
`base`	The component’s base wrapper.
`label`	The breadcrumb item’s label.
`prefix`	The container that wraps the prefix.
`suffix`	The container that wraps the suffix.
`separator`	The separator element.

Aprende más sobre partes CSS .

Dependencias

Este componente importa automáticamente las siguientes dependencias.

<gstock-icon>