Inkline
Breadcrumb
Indicate the current page’s location depth using a navigation list that automatically adds separators using CSS.
Examples
Separators are automatically added in CSS through ::before and content. You can change the separator by changing the $breadcrumb-divider Sass variable.
Dynamically Generated
You can generate and bind breadcrumbs from your JS data using a combination of v-for and v-bind as follows:
Sizes
You're able to use the size modifier to control the text and spacing size of your breadcrumb, using one of the available sizes: sm, md, and lg. The default size is set to md.
Components API
Here you can find a list of the various customization options you can use for the breadcrumb components as props, as well as available slots.
Sass Variables
Here you can find a list of the Sass variables you can use for the breadcrumb components. If you're looking to find common variables that these rely on, you should take a look at the Sass Variables page.