Country Select

A dropdown selector for choosing a country that shows its flag emoji and country code, for forms like billing addresses or phone number inputs.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Country Select to your project and fits it to your theme.

import { CountrySelect } from "@/components/ui/country-select";

export default function CountrySelectDemo() {
  return (
    <div className="flex w-full max-w-xs items-center justify-center bg-background p-8 text-foreground">
      <CountrySelect className="w-64" />
    </div>
  );
}