@exmg/exmg-breadcrumbs

<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