Flag
Country flag with optional code or name label. Uses the same vendored flag set as the Phone input (part of the Input page) — 172 ISO-coded SVGs at /assets/flags/. Compact, theme-neutral, drops into Bar Lists, Tables, Stats, and any place a country needs to show alongside data.
a11y (built in): flag images are decoration (alt="") — the adjacent .lb-flag__code or .lb-flag__label text is the country name a screen reader reads, so a bare flag with no label has to take its name from context (the table cell or Stat label it sits inside).
Usage: <span class="lb-flag"><img class="lb-flag__img" src="/assets/flags/us.svg" alt=""><span class="lb-flag__code">US</span></span>. Modifiers: --small, --large, --rect. Use .lb-flag__label instead of .lb-flag__code for a full country name.
Sizes — small, medium, large
Default circular shape. Pair with code, full name, or just the flag.
US
US
US
Germany
United Kingdom
Japan
Rectangular — --rect
Use the rectangular shape inside data tables, where a non-circular thumbnail reads more like a national-flag emoji and aligns with text-heavy column layouts.
BR
BR
Brazil
In a Table
Compact rows for analytics, customer lists, geo-aware tables. Rectangular flag pairs cleanly with multi-column tabular layouts.
| Country | Customers | MRR |
|---|---|---|
| United States | 487 | $28,400 |
| Germany | 218 | $12,180 |
| United Kingdom | 171 | $9,840 |
| France | 108 | $5,920 |
In a Stat — country-scoped KPI
A flag inline with the Stat label scopes the metric to a region without taking visual space.
US revenue DE revenue