mirror of
https://github.com/tabler/tabler.git
synced 2025-12-26 11:16:12 +04:00
1.0 KiB
1.0 KiB
title, menu, plugin, done
| title | menu | plugin | done |
|---|---|---|---|
| Flags | docs.flags | flags | true |
Flag
{% example html %} {% include ui/flag.html flag="tg" class="mr-1" %} {% include ui/flag.html flag="br" class="mr-1" %} {% include ui/flag.html flag="pt" %} {% endexample %}
Flag sizes
Using Bootstrap’s typical naming structure, you can create a standard flag, or scale it up to different sizes based on what’s needed.
{% example html %} {% include ui/flag.html flag="pl" class="flag-size-xl mr-1" %} {% include ui/flag.html flag="pl" class="flag-size-lg mr-1" %} {% include ui/flag.html flag="pl" class="flag-size-md" %} {% include ui/flag.html flag="pl" class="mr-1" %} {% endexample %}
Types
To set the flag of the country you want add a class flag-(country name). For example to create a flag of Andorra your class should look like this: .flag-ad.
| {% include ui/flag.html flag=flag.flag %} | {{ flag.flag }} |
{{ flag.name }} |