mirror of
https://github.com/tabler/tabler.git
synced 2026-07-28 05:54:53 +04:00
codecalm
40 lines
1019 B
Markdown
40 lines
1019 B
Markdown
---
|
||
title: Flags
|
||
menu: docs.flags
|
||
plugin: flags
|
||
done: 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" 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`.
|
||
|
||
<table>
|
||
{% for flag in site.data.flags %}
|
||
<tr>
|
||
<td>{% include ui/flag.html flag=flag.flag %}</td>
|
||
<td><code>{{ flag.flag }}</code></td>
|
||
<td>{{ flag.name }}</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</table>
|