FlagIcon

Displays country flag icons with fallback display.

Open in Storybook

Interactive Demo

Sizes

Size variants

Usage

<script setup>
import { FlagIcon } from '@yellowcard/b2b-design-system';
</script>

<template>
  <FlagIcon country="NG" size="large" />
  <FlagIcon country="US" size="medium" />
  <FlagIcon country="GB" size="small" />
</template>

API Reference

Props

Prop	Type	Default	Description
country*	string	—	ISO country code (e.g., NG, US, GB)
type	string	—	Flag display type
size	string	—	Icon size
alt	string	—	Alt text for the flag image