green
green copied to clipboard
New component Breadcrumb
Breadcrumbs Component
Adds a new breadcrumbs navigation component with support for custom separators, interactive elements, and proper accessibility.
Key Features
- Supports both text-only and icon+text navigation links
- Responsive design with mobile optimization showing the previous page
- Configurable sizes (large/small)
- Each breadcrumb item is a slot that preferably uses
gds-linkcomponent.
Usage
<gds-breadcrumb>
<gds-link href="/">
<gds-icon-home-open slot="lead"></gds-icon-home-open>
Home
</gds-link>
<gds-link href="/folder">
<gds-icon-folder slot="lead"></gds-icon-folder>
Documents
</gds-link>
<gds-link href="/folder/settings">
<gds-icon-settings-gear slot="lead"></gds-icon-settings-gear>
Settings
</gds-link>
<gds-text> Current page </gds-text>
</gds-breadcrumb>
🦋 Changeset status
Based on the included changeset, the following releases will be published as a result of this PR:
- @sebgroup/green-core: 1.80.0 → 1.81.0 (minor bump)
- @sebgroup/green-angular: 5.12.0 → 5.12.1 (patch bump)
Note: If unpublished changesets where merged to main after the first commit of this PR, this
list will include those changes in addition to the ones specific to this PR.