1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-25 03:08:14 +04:00
Files
tabler/pages/_docs/flags.md
2020-01-10 20:55:55 +01:00

1019 B
Raw Blame History

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 Bootstraps typical naming structure, you can create a standard flag, or scale it up to different sizes based on whats needed.

{% example html %} {% 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" %} {% 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.

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