Data
@rahhal/countries/reactCountry facts
Drop-in country UI from `@rahhal/countries/react` — `CountryFlag`, `CountryCard`, `CountryFacts`, and `CountryDetail`. Each is data-in or self-fetching (by `name`/`code`) and accepts a `labels` prop so the host app localizes. Composed from `@rahhal/ui`, so it matches the app theme.
Examples
CountryFlag
🇮🇹🇮🇹🇯🇵
CountryCard
🇮🇹
Italy
Southern Europe · Europe
Capital: Rome
Population: 59M
🇯🇵
Japan
Eastern Asia · Asia
Capital: Tokyo
Population: 126M
CountryFacts
- Official name
- Italian Republic
- Capital
- Rome
- Region
- Southern Europe · Europe
- Population
- 59M
- Area
- 301,336 km²
- Currencies
- Euro (€)
- Languages
- Italian
- Calling code
- +39
- Drives on
- right
- Timezones
- UTC+01:00
CountryDetail
🇮🇹
Italy
Italian Republic
- Official name
- Italian Republic
- Capital
- Rome
- Region
- Southern Europe · Europe
- Population
- 59M
- Area
- 301,336 km²
- Currencies
- Euro (€)
- Languages
- Italian
- Calling code
- +39
- Drives on
- right
- Timezones
- UTC+01:00
Neighbouring countries
FRACHEAUTSVNSMRVAT