Skip to main content
Vuetify0 is now in alpha!
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One
Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

Breadcrumbs API

API reference for the Breadcrumbs components.

Explore these related pages for additional context and usage patterns.

PageCategory
BreadcrumbsSemantic
createBreadcrumbsSemantic
createGroupSelection
createOverflowSemantic
useLocalePlugins
PaginationSemantic

namespace

string | undefined

Namespace for dependency injection

Default: "v0:breadcrumbs"

divider

string | undefined

Default divider character/text

Default: "/"

ellipsis

string | undefined

Default ellipsis character/text

Default: "…"

gap

number | undefined

Gap between items in pixels.

Default: 8

label

string | undefined

Accessible label for the navigation landmark

default

BreadcrumbsRootSlotProps

namespace

string | undefined

Namespace for dependency injection

Default: "v0:breadcrumbs"

id

any

Unique identifier (auto-generated if not provided)

divider

string | undefined

Override divider character (uses global from Root if not provided)

default

BreadcrumbsDividerSlotProps

namespace

string | undefined

Namespace for dependency injection

Default: "v0:breadcrumbs"

id

any

Unique identifier (auto-generated if not provided)

ellipsis

string | undefined

Override ellipsis character (uses global from Root if not provided)

default

BreadcrumbsEllipsisSlotProps

namespace

string | undefined

Namespace for dependency injection

Default: "v0:breadcrumbs"

id

any

Unique identifier (auto-generated if not provided)

value

unknown

Value associated with this item

text

string | undefined

Display text for the breadcrumb (used by composable model)

Default: ""

default

BreadcrumbsItemSlotProps

default

BreadcrumbsListSlotProps

default

BreadcrumbsPageSlotProps
Was this page helpful?

Ctrl+/