@exmg/exm-breadcrumbs
v1.0.2
Published
# @exmg/exm-breadcrumbs
Downloads
105
Readme
<exm-breadcrumbs>
@exmg/exm-breadcrumbs
Component to render breadcrumbs within a page or component with the option to enable / disable arrow seperator
Installation
npm install @exmg/exm-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'},
];
<exm-breadcrumbs .items="${this.items}"></exm-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