Region Currency

Region selector with a globe header showing flag, country, and currency, and a list of regions with flags and currency codes plus a check on the active one.

United Kingdom· GBP £

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Commerce30 } from "@/components/beste/piece/commerce30";

<Commerce30
  selected="United Kingdom"
  regions={[
    {
      "flag": "🇺🇸",
      "country": "United States",
      "currency": "USD",
      "symbol": "$"
    },
    {
      "flag": "🇬🇧",
      "country": "United Kingdom",
      "currency": "GBP",
      "symbol": "£"
    },
    {
      "flag": "🇪🇺",
      "country": "Eurozone",
      "currency": "EUR",
      "symbol": "€"
    },
    {
      "flag": "🇯🇵",
      "country": "Japan",
      "currency": "JPY",
      "symbol": "¥"
    }
  ]}
/>