Flag

A simple flag displayer which renders a vector image of the selected country's flag.

Preview

Installation

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

Usage

/components/flag-demo.tsx

1 import { Flag } from "@/components/ui/flag";
2  
3 export default function FlagDemo() {
4   return (
5     <div className="mx-auto flex flex-row gap-4">
6       <Flag code="HU" className="size-16" />
7       <Flag code="GB" className="size-16" />
8       <Flag code="DE" className="size-16" />
9       <Flag code="ES" className="size-16" />
10     </div>
11   );
12 }