--- layout: default permalink: /breadcrumb category: components title: Breadcrumb description: "Indicate to the user the location of the current page within a navigation hierarchy that automatically adds separators through CSS. Bread crumbs usually improve the browsing experience and are very useful in projects, which tend to have a large structure such as magazines or documentation.

Use the class active to inform the current page. The navigation of internal links will be disabled." ---

{{page.title}} Component

{{page.description}}


Example:
{% highlight html %} {% endhighlight %}
Colors







{% highlight html %} {% endhighlight %}
Alignment

Centered
{% highlight html %} {% endhighlight %}
Align-end
{% highlight html %} {% endhighlight %}
With Icons

{% highlight html %} {% endhighlight %}