Breadcrumb - Vue
Breadcrumb
import { Breadcrumb } from '@idds/vue';Contoh Penggunaan
Section titled “Contoh Penggunaan”Contoh 1
Section titled “Contoh 1”Contoh 2
Section titled “Contoh 2”| Name | Type | Default | Required | Description |
|---|---|---|---|---|
items | BreadcrumbItem[] | — | Yes | Array of breadcrumb items. Setiap item memiliki: label (string), href? (string), icon? (Component), disabled? (boolean). |
variant? | 'default' | 'minimal' | 'with-icons' | 'default' | No | Variant style breadcrumb. |
size? | 'sm' | 'md' | 'lg' | 'md' | No | Ukuran breadcrumb. |
separator? | string | '>' | No | Separator antara items. Bisa juga menggunakan slot "separator" untuk custom separator. |
maxLength? | number | — | No | Maksimal panjang text untuk item terakhir sebelum di-truncate. |