Breadcrumb Item
<gstock-breadcrumb-item>
|
GstockBreadcrumbItem
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
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. |
Learn more about attributes and properties .
Slots
| Name | Description |
|---|---|
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. |
Learn more about slots .
CSS Parts
| Name | Description |
|---|---|
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. |
Learn more about CSS parts .
Dependencies
This component automatically imports the following dependencies.