@vonage/vwc-breadcrumb v2.45.0

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>