{/* CountryButton.mdx */}
 
import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 
import * as CountryButtonStories from './CountryButton.stories';
 
<Meta of={CountryButtonStories} />
 
# CountryButton
 
A CountryButton is a button that displays a country flag and its name. The country is selected from the ISO 3166-1 A-2 country codes (eg. `FJ` for Fiji).

This component leverages the [flag-icons](https://flagicons.lipis.dev/) library to display the country flag.

The button can be used with or without a badge.
 
 
<Canvas of={CountryButtonStories._CountryButton} />