/ui
  • Components
  • Packages
  • About
  • Github
Menu
Components
Packages
Built by vorhdam at Nordaun. The source code is available on Github

Flag

A simple flag display which renders a vector image of the selected country's flag by its country code.

Preview

Installation

bunx --bun shadcn@latest add @nordaun/flag

Usage

/components/flag-demo.tsx
1import { Flag, FlagProvider } from "@/components/ui/flag";
2
3export default function FlagDemo() {
4 return (
5 <div className="mx-auto flex flex-row gap-4">
6 <FlagProvider src="https://cdn.jsdelivr.net/npm/@nordaun/flags@latest/flags/{code}.svg">
7 <Flag code="HU" className="size-16" />
8 <Flag code="GB" className="size-16" />
9 <Flag code="DE" className="size-16" />
10 <Flag code="NO" className="size-16" />
11 </FlagProvider>
12 </div>
13 );
14}

Dependencies

dompurify html-react-parser