The breadcrumb component only requires a .breadcrumb
container and a ul
list.
The dividers are automatically created in the content of the ::before
pseudo-element of li
tags.
You can inform the current page using the is-active
modifier in a li
tag. It will disable the navigation of inner links.
For alternative alignments, use the is-centered
and is-right
modifiers on the .breadcrumb
container.
You can use any of the Font Awesome icons.
You can choose between 3 additional sizes: is-small
is-medium
and is-large
.
You can choose between 4 additional separators: has-arrow-separator
has-bullet-separator
has-dot-separator
and has-succeeds-separator
.