• Home
• org.mvnpm.at.tabler
• core
• 1.0.0-beta21
• source code
• flags.mdx

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

package.docs.plugins.flags.mdx Maven / Gradle / Ivy

---
title: Flags
description: 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
---

## 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. The full list of countries can be found below.

```html code 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





```

## Types

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`.