Skip to content

Flag - Web Component

The Flag component can be used imported from:

Playground

Parameters

Important!

In the examples of the following explanations we are applying a style to the content of the badge to better visualizing the positioning of the badge in relation to the content.

Slots

This component has slots. Check the documentation about how to use the slots.

NameTagsDescription
defaultspan

Parameters use

content

The content to be assigned to the badge. It uses the default slot too.

Use te attribute if it's only for text. If you need to use HTML, use the slot.

Badged content

country

The country code attribute is used to define the country flag to be displayed. The value must be a valid country code.

For now, possible values are: ES for Spain, DE for Germany, FR for France and IT for Italy.

More countries will be added in the future.

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example