element-plus/docs/en-US/component/breadcrumb.md
G-G 696c20dd60
fix(theme-chalk): el-breadcrumb__item style (#5597)
* 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>
2022-01-27 16:27:30 +08:00

1.8 KiB
Raw Blame History

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-icon to use svg icon as the separatorit 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