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 | |