Breadcrumb

Indicate the current page's location within a navigational hierarchy that automatically adds separators via CSS.

On this page

Example

Use an ordered or unordered list with linked list items to create a minimally styled breadcrumb.

Use our utilities to add additional styles as desired.

vue

Dividers

Dividers can be changed by modifying a attribute divider,

vue

You can also use embedded SVG icons.

vue

You can also remove the divider setting divider="".

vue
On this page