Country flag
betaFlat vector flag of a country (30 × 20, rounded, hairline outline) — the mark of a phone number by its dialling code.
Owner-approved 15 Oct 2026 in prototype proto/telefony-pin-puk (picks ACRM-515, ACRM-518: „vlajky úplně jednoduše, plošně vektorově", style reference nucleoapp.com/svg-flag-icons — own drawing, no Nucleo SVG copied, licence unclear). First use: /telefony identity column and drawer head (acrm !5089). Covers the 50 countries of DIAL_CODES; unknown code falls back to the grey phone tile. Before beta: move to packages/ui next to EntityMark, stories (all flags, sizes sm/lg, fallback), props. DialCodePicker („CZ +420 ▾") stays WITHOUT a flag — owner decision 15 Oct 2026. Registry repaired 17 Oct 2026 (review F1, F10): Flag/PhoneFlag now live in packages/ui/src/components/CountryFlag.tsx and are exported from @acrm/ui. Registry repaired 17 Oct 2026 (review F3): mapped existing Ladle stories. Beta 17 Oct 2026 (AD): moved to @acrm/ui next to EntityMark with stories Default · Variants · Sizes · States · Composition + 10 light/dark baselines (acrm !5124, 445b2e68b). AD 17 Oct 2026: a number without a dialling code is read as Czech (splitDial falls back to DEFAULT_DIAL +420, the same default as DialCodePicker and the phone mask) and shows the Czech flag — it is dialled as Czech; the grey phone tile stays only for a code outside DIAL_CODES. Canon after a dev check of /telefony with real data 1440/390 light/dark.
Used in 2 files · 2 areas · 2× — pages/TelefonyPage, pages/telefony
Import
import { Flag, PhoneFlag } from '@acrm/ui'Props
Flag packages/ui/src/components/CountryFlag.tsx
| Name | Type | Default | Description |
|---|---|---|---|
iso * | string | — | — |
title | string | — | — |
size | 'lg' | — | — |
PhoneFlag packages/ui/src/components/CountryFlag.tsx
| Name | Type | Default | Description |
|---|---|---|---|
number * | string | — | — |
size | 'lg' | — | — |