pdh-design-system
Version:
PDH Design System React Components
18 lines (9 loc) • 581 B
text/mdx
{/* 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} />