Breadcrumb
Displays the location of the current page within a navigational hierarchy. It improves the navigation experience
Default
Use the vs-items
in order to programatically generate the breadcrumb links.
Color
Use the vs-color
directive like for any other component that supports it to customize the breadcrumbs links color.
Separator
You can change the separator dividing the links by either passing a string to the vs-separator
directive like so "•", "-", "|" etc..., or by passing in one of the material icons text "chevron_right".
WARNING
In order to differeciate a custom separator "•" from an icon "chevron_right", we verify the string length. If the length is greater than 1 it will be considered a material icon.
Slot
A default Vue slot that can be used instead of passing in an array of object. This allows for greater control of the breadcrumbs
Alignement
Use vs-align
to either align the breadcrumb to the left, center or right.