Notifications
See all
  • Alice C. left a comment.

    1 hour ago

  • Joshua S. uploaded a file.

    2 hours ago

  • Tara S. sent you a message.

    2 hours ago

  • Melany W. left a comment.

    3 hours ago

Erik KovalskyProduct Manager
ProfileView your profile

ProjectsAll my projects
TeamManage your team

SettingsAccount settings

  • Erik KovalskyProduct Manager
    ProfileView your profile

    ProjectsAll my projects
    TeamManage your team

    SettingsAccount settings

  • Erik KovalskyProduct Manager
    ProfileView your profile

    ProjectsAll my projects
    TeamManage your team

    SettingsAccount settings

Components

  • Components Hub
  • Colors
  • Helpers
  • Content
  • Table
  • Icons
  • Interaction
  • VDropdown
  • VLoader
  • VPlaceload
  • VPlaceloadText
  • VPlaceloadAvatar
  • VMessage
  • VModal
  • VProgress
  • VTootlip
  • Buttons
  • Forms
  • Switches
  • Display
  • VAvatar
  • VAvatarStack
  • VBlock
  • VIconBox
  • VIconWrap
  • VSnack
  • VTag
  • VFlex
  • VGrid
  • VBreadcrumb
  • VTabs
  • VFlexPagination
  • VFlexTable
  • Accordions
  • Cards
  • Placeholders
  • Addons

Notifications
See all
  • Alice C. left a comment.

    1 hour ago

  • Joshua S. uploaded a file.

    2 hours ago

  • Tara S. sent you a message.

    2 hours ago

  • Melany W. left a comment.

    3 hours ago

  • Components
  • VBreadcrumb

Default Separator

Vuero provides a <VBreadcrumb /> component. Default breadcrumb items are separated by a slash sign. To show icons, use the with-icons prop. You can also change the alignment by using the align prop (possible values are center and right). Pass an Array to the items prop to render the component. See markup for more details about usage.

  • Vuero
  • Components
  • VBreadcrumb
  • Components
  • VBreadcrumb

Arrow Separator

Breadcrumb items can be separated by alternative separators. To display arrow breadcrumb separators, set the separator prop to arrow. See markup for more details.

  • Vuero
  • Components
  • VBreadcrumb
  • Components
  • VBreadcrumb

Bullet Separator

Breadcrumb items can be separated by alternative separators. To display bullet breadcrumb separators, set the separator prop to bullet. See markup for more details.

  • Vuero
  • Components
  • VBreadcrumb
  • Components
  • VBreadcrumb

Dot Separator

Breadcrumb items can be separated by alternative separators. To display dot breadcrumb separators, set the separator prop to dot. See markup for more details.

  • Vuero
  • Components
  • VBreadcrumb
  • Components
  • VBreadcrumb

Succeeds Separator

Breadcrumb items can be separated by alternative separators. To display succeeds breadcrumb separators, set the separator prop to succeeds. See markup for more details.

  • Vuero
  • Components
  • VBreadcrumb
  • Components
  • VBreadcrumb

<VBreadcrumb> Props

NameDefaultType
:items required
:align
:separator
:with-icons

<VBreadcrumb> Slots

NameType
#breadcrumb-item
#breadcrumb-item-label