Skip to content

VBreadcrumbs API

组件页面

属性

名称类型默认值
active-class
The class applied to the component when it is in an active state.
active-color
The applied color when the component is in an active state.
bg-color
Applies specified color to the control’s background. Used on components that also support the color prop. - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page .
color
Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page .
density
调整组件使用的垂直高度。
disabled
移除组件的单击或 target 功能。
divider
指定项之间的分隔字符。
icon
为按钮指定一个 v-icon 图标。
items
An array of strings or objects used for automatically generating children components.
rounded
Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page .
tag
指定在根元素上使用的自定义标签。
tile
Removes any applied border-radius from the component.

插槽

default
默认Vue 插槽。
divider
用于分隔器的插槽。
item
Define a custom item appearance.
prepend
The slot used for prepend content.
title
The slot used to display the title of each breadcrumb.

SASS 变量

名称默认值
$breadcrumbs-density
$breadcrumbs-divider-padding
$breadcrumbs-item-disabled-opacity
$breadcrumbs-item-icon-font-size
$breadcrumbs-item-icon-margin-inline-end
$breadcrumbs-item-icon-margin-inline-start
$breadcrumbs-item-link-text-decoration
$breadcrumbs-item-padding
$breadcrumbs-line-height
$breadcrumbs-padding-x
$breadcrumbs-padding-y
$breadcrumbs-rounded-border-radius
$breadcrumbs-vertical-align