<exmg-breadcrumbs>

@exmg/exmg-breadcrumbs

Component to render breadcrumbs within a page or component with the option to enable / disable arrow seperator

Installation

npm install @exmg/exmg-breadcrumbs

Example Usage

Standard

@state()
private items = [
   {href: '/home', content: 'Home page'},
   {href: '/users', content: 'User List'},
   {href: '/users/1234', content: 'Mark'},
   {href: '/users/1234/details', content: 'Details'},
 ];

<exmg-breadcrumbs .items="${this.items}"></exmg-breadcrumbs>

API

Slots

| Name | Description | | --------- | ---------------------------------- | | default | Button to handle copy to clipboard |

Properties/Attributes

| Name | Type | Default | Description | | ---------------- | --------- | ------- | --------------------------------------------- | | items | array | [] | The items displayed by the breadcrumbs | | arrowSeperator | boolean | false | Whether or not to display the arrow seperator |

Methods

None

Events

None

CSS Custom Properties

None

Additional references

• Additional Documentation

• Demo