Flags

Country flags are provided as SVGs through CSS classes.

Import Styles

JavaScript / TypeScript

import '@nofinite/locale/style';

HTML (CDN)

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@nofinite/locale/dist/style.css"
/>

Flag Classes

Class	Description
.nf-flag	Base flag class (required)
.nf-flag-{iso}	ISO-2 country code (lowercase)
.square	Optional square (1:1) ratio

Examples

Standard Flag (4:3)

<span class="nf-flag nf-flag-us"></span>

Square Flag (1:1)

<span class="nf-flag nf-flag-jp square"></span>

Usage Inside UI Elements

<button>
  <span class="nf-flag nf-flag-fr square"></span>
  Select Language
</button>