mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 01:41:20 +08:00
696c20dd60
* fix(theme-chalk): el-breadcrumb__item style Change the style of el-breadcrumb__item,It wasn't aligned before fix #5594 * docs(docs): docs edit describe docs edit describe Change separator-class to separator-icon * docs(docs): docs edit describe docs edit describe Change 'iconfont' to 'svg icon' Co-authored-by: 赵雅国 <zhao.yaguo@shinewingdigital.com>
51 lines
1.8 KiB
Markdown
51 lines
1.8 KiB
Markdown
---
|
||
title: Breadcrumb
|
||
lang: en-US
|
||
---
|
||
|
||
# Breadcrumb
|
||
|
||
Displays the location of the current page, making it easier to browser back.
|
||
|
||
## Basic usage
|
||
|
||
:::demo In `el-breadcrumb`, each `el-breadcrumb-item` is a tag that stands for every level starting from homepage. This component has a `String` attribute `separator`, and it determines the separator. Its default value is '/'.
|
||
|
||
breadcrumb/basic
|
||
|
||
:::
|
||
|
||
## Icon separator
|
||
|
||
:::demo Set `separator-icon` to use `svg icon` as the separator，it will cover `separator`
|
||
|
||
breadcrumb/icon
|
||
|
||
:::
|
||
|
||
## Breadcrumb Attributes
|
||
|
||
| Attribute | Description | Type | Accepted Values | Default |
|
||
| -------------- | -------------------------------- | ------------------ | --------------- | ------- |
|
||
| separator | separator character | string | — | / |
|
||
| separator-icon | icon component of icon separator | string / Component | — | - |
|
||
|
||
## Breadcrumb Slots
|
||
|
||
| Name | Description | Subtags |
|
||
| ---- | ------------------------- | --------------- |
|
||
| - | customize default content | Breadcrumb Item |
|
||
|
||
## Breadcrumb Item Attributes
|
||
|
||
| Attribute | Description | Type | Accepted Values | Default |
|
||
| --------- | --------------------------------------------------------- | ------------- | --------------- | ------- |
|
||
| to | target route of the link, same as `to` of `vue-router` | string/object | — | — |
|
||
| replace | if `true`, the navigation will not leave a history record | boolean | — | false |
|
||
|
||
## Breadcrumb Item Slots
|
||
|
||
| Name | Description |
|
||
| ---- | ------------------------- |
|
||
| — | customize default content |
|