@vonage/vwc-breadcrumb
v2.45.0
Published
breadcrumb component
Downloads
1,981
Readme
breadcrumb
In order to use breadcrumb
you'll need to import both breadcrumb
and breadcrumb-item
:
import '@vonage/vwc-breadcrumb-item/vwc-breadcrumb-item.js';
import '@vonage/vwc-breadcrumb/vwc-breadcrumb.js';
Common Usage
Code
<vwc-breadcrumb>
<vwc-breadcrumb-item href="#" text="breadcrumb"></vwc-breadcrumb-item>
<vwc-breadcrumb-item href="#" text="breadcrumb"></vwc-breadcrumb-item>
<vwc-breadcrumb-item href="#" text="breadcrumb"></vwc-breadcrumb-item>
<vwc-breadcrumb-item text="breadcrumb"></vwc-breadcrumb-item>
</vwc-breadcrumb>
Multiple hidden crumbs
Code
<vwc-breadcrumb>
<vwc-breadcrumb-item href="#" text="breadcrumb"></vwc-breadcrumb-item>
<vwc-breadcrumb-item text="..."></vwc-breadcrumb-item>
<vwc-breadcrumb-item href="#" text="breadcrumb"></vwc-breadcrumb-item>
</vwc-breadcrumb>