mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-05 04:37:47 +08:00
4510816802
* refactor(components): [el-breadcumb] icon * refactor(components): el-tabs icon * refactor(components): color picker icon * refactor(components): menus icon * refactor(components): loading spinner icon * fix(components): panel-data-pick elicon import * refactor(components): dropdown item icon * refactor(components): tabs plus icon * fix: message & tabs icon test * fix(components): breadcrumb docs * fix(components): colorPicker docs * fix(components): loading docs Co-authored-by: imswk <syfzxx@vip.qq.com>
1.8 KiB
1.8 KiB
title | lang |
---|---|
Breadcrumb | 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-class
to use iconfont
as the separator,it will cover separator
breadcrumb/icon
:::
Breadcrumb Attributes
Attribute | Description | Type | Accepted Values | Default |
---|---|---|---|---|
separator | separator character | string | — | / |
separator-class | icon compontent 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 |