green icon indicating copy to clipboard operation
green copied to clipboard

New component Breadcrumb

Open astrit opened this issue 10 months ago • 2 comments

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-link component.

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>

CleanShot 2025-05-15 at 13 39 07@2x

astrit avatar May 08 '25 10:05 astrit

🦋 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.

👋 Thanks for creating a pull request!

🚀 Checkout the storybooks we've created for it: