Breadcrumb
A breadcrumb component.
Examples
Breadcrumb
A breadcrumb component examples
Code
<wdc-breadcrumb [items]="breadcrumbs"></wdc-breadcrumb>
<wdc-breadcrumb class="mt-5">
<wdc-breadcrumb-item url="/">
<wdc-icon name="home" size="14" />
</wdc-breadcrumb-item>
<wdc-breadcrumb-separator />
<wdc-breadcrumb-item url="/products">Products</wdc-breadcrumb-item>
<wdc-breadcrumb-separator />
<wdc-breadcrumb-item url="/products/electronics">Electronics</wdc-breadcrumb-item>
<wdc-breadcrumb-separator>
<span class="opacity-50">/</span>
</wdc-breadcrumb-separator>
<wdc-breadcrumb-item>Iphone 15 Pro</wdc-breadcrumb-item>
</wdc-breadcrumb>API Reference
| Input | Type | Default | Description |
|---|---|---|---|
| open | boolean | false | Whether the accordion item is open or not. |
| noPaddingBody | boolean | false | Whether to remove padding from the accordion body. |
| customActions | boolean | false | Whether to display custom actions in the accordion header. |