BlogPlaygroundOne

VBreadcrumbsItem API


Props
name
type
default
boolean
false

Controls the active state of the item. This is typically used to highlight the component.

string
undefined

The class applied to the component when it matches the current route. Find more information about the active-class prop on the vue-router documentation.

string
undefined

The applied color when the component is in an active state.

string
undefined

Applies specified color to the control - supports utility colors with or without text- prefix (for example success, purple or text-purple) or CSS color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page.

boolean
false

Removes the ability to click or target the component.

boolean
false

Exactly match the link. Without this, ‘/’ will match every route. You can find more information about the exact prop on the vue-router documentation.

string
undefined

Designates the component as anchor and applies the href attribute.

string | number
undefined

Sets the maximum width for the component.

boolean
false

Setting replace prop will call router.replace() instead of router.push() when clicked, so the navigation will not leave a history record. You can find more information about the replace prop on the vue-router documentation.

string | (new () => any) | FunctionalComponent
'li'

Specify a custom tag used on the root element.

string
undefined

Specify a title text for the component.

string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric
undefined

Denotes the target route of the link. You can find more information about the to prop on the vue-router documentation.

string | number
undefined

Sets the width for the component.

Slots
never

The default Vue slot.