49 lines
1.2 KiB
Markdown
49 lines
1.2 KiB
Markdown
# BreadcrumbItem
|
|
|
|
:::tip
|
|
`BreadcrumbItem` is required to be used within [`Breadcrumb`](./breadcrumb).
|
|
:::
|
|
|
|
## Demos
|
|
|
|
See [the demos of `Breadcrumb`](./breadcrumb#demos).
|
|
|
|
## API
|
|
|
|
### Props
|
|
|
|
| Name | Type | Default | Description |
|
|
| --- | --- | --- | --- |
|
|
| ``to`` | `string | Object` | - | The target location. See [`Link`](./link)'s the [`to`](./link#props-to) prop. |
|
|
| ``type`` | `string` | `'link'` | [^link] |
|
|
| ``native`` | `boolean` | `false` | When set to `true` and `to` is specified, native `<a>` element will be used and `to` will be set as the `href` attribute to this `<a>` element. |
|
|
|
|
^^^link
|
|
The type of the item.
|
|
|
|
+++Enum values
|
|
| Value | Description |
|
|
| -- | -- |
|
|
| `link` | Hyperlink. |
|
|
| `text` | Pure text. |
|
|
+++
|
|
^^^
|
|
|
|
### Slots
|
|
|
|
| Name | Description |
|
|
| -- | -- |
|
|
| ``default`` | The content of the breadcrumb item. |
|
|
|
|
### Events
|
|
|
|
| Name | Description |
|
|
| -- | -- |
|
|
| ``redirect`` | Triggered when clicking the item with `type` value `link`. The callback parameter list is `(event: Event)`. `event` is a [native click event object](https://developer.mozilla.org/en-US/docs/Web/Events/click). |
|
|
|
|
### Icons
|
|
|
|
| Name | Description |
|
|
| -- | -- |
|
|
| ``separator`` | The separator between adjacent breadcrumb items. |
|