--- title: Flags summary: Thanks to the Tabler flags plugin, you can create flags to visually represent countries or languages. Flags are often used in forms, as an element of a delivery address, phone number dialling code and many more. plugin: flags libs: tabler-flags description: Visual representation of countries/languages. --- ## Installation This part of Tabler is distributed as plugin. To enable it you should include `tabler-flags.css` or `tabler-flags.min.css` file to your page. You can also include plugin via CDN: ```html ``` ## Flag To create a flag, add the `flag` class to a component and choose the country whose flag you want to use. ```html example centered separated plugins="flags" ``` ## Country flags To use the flag of a particular country, add the `flag-country-(country name)` class. For example, to create a flag of Andorra should use the following class: `.flag-country-ad`. Full list of countries can be found below. ```html ``` ```html example centered separated plugins="flags" ``` ## Flag sizes Using Bootstrap’s typical naming structure, you can create a standard flag, or scale it up or down to different sizes based on what’s needed. ```html example centered separated plugins="flags" ``` ```html ``` ## Flags list The full list of countries can be found below.