1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Files
tabler/pages/_docs/flags.md
2020-02-16 21:34:30 +01:00

1.1 KiB
Raw Blame History

title, menu, plugin, done
title menu plugin done
Flags docs.flags flags true

Flag

{% capture code %} {% include ui/flag.html flag="tg" class="mr-1" %} {% include ui/flag.html flag="br" class="mr-1" %} {% include ui/flag.html flag="pt" %} {% endcapture %} {% include example.html code=code %}

Flag sizes

Using Bootstraps typical naming structure, you can create a standard flag, or scale it up to different sizes based on whats needed.

{% capture code %} {% include ui/flag.html flag="pl" size="xl" class="mr-1" %} {% include ui/flag.html flag="pl" size="lg" class="mr-1" %} {% include ui/flag.html flag="pl" size="md" %} {% include ui/flag.html flag="pl" class="mr-1" %} {% endcapture %} {% include example.html code=code %}

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.

{% for flag in site.data.flags %} {% endfor %}
{% include ui/flag.html flag=flag.flag %} {{ flag.flag }} {{ flag.name }}