Back to Element Plus

Breadcrumb

docs/en-US/component/breadcrumb.md

2.13.71.8 KB
Original Source

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

:::

NameDescriptionTypeDefault
separatorseparator character^[string]/
separator-iconicon component of icon separator^[string] / ^[Component]
NameDescriptionSubtags
defaultcustomize default contentBreadcrumb Item
NameDescriptionTypeDefault
totarget route of the link, same as to of vue-router^[string] / ^[object]RouteLocationRaw''
replaceif true, the navigation will not leave a history record^[boolean]false
NameDescription
defaultcustomize default content