mirror of
https://github.com/tabler/tabler.git
synced 2026-07-29 14:34:37 +04:00
breadcrumb variants
This commit is contained in:
@@ -1,17 +1,33 @@
|
||||
---
|
||||
title: Breadcrumb
|
||||
menu: docs.breadcrumb
|
||||
description: A breadcrumb navigation provide links back to each previous page the user navigated through, and shows the user's current location in a website.
|
||||
---
|
||||
|
||||
## Default markup
|
||||
### Default markup
|
||||
|
||||
{% example %}
|
||||
{% include ui/breadcrumb.html %}
|
||||
{% endexample %}
|
||||
|
||||
## Breadcrumb variations
|
||||
### Breadcrumb variations
|
||||
|
||||
You can add more variations by modify `$breadcrumb-variants` variable in Tabler config.
|
||||
|
||||
{% example %}
|
||||
{% include ui/breadcrumb.html class="breadcrumb-dots" %}
|
||||
{% endexample %}
|
||||
|
||||
{% example %}
|
||||
{% include ui/breadcrumb.html class="breadcrumb-arrows" %}
|
||||
{% endexample %}
|
||||
|
||||
{% example %}
|
||||
{% include ui/breadcrumb.html class="breadcrumb-bullets" %}
|
||||
{% endexample %}
|
||||
|
||||
### Alternate version
|
||||
|
||||
{% example %}
|
||||
{% include ui/breadcrumb.html class="breadcrumb-alternate" %}
|
||||
{% endexample %}
|
||||
|
||||
Reference in New Issue
Block a user