Radio Group

Radio-card list where the selected row picks up a primary ring and a tinted background.

Delivery speed
Standard3–5 business days · Free
ExpressNext business day · $8
Same-dayOrder by noon · $14

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

Import & use
import { Form23 } from "@/components/beste/piece/form23";

<Form23
  legend="Delivery speed"
  options={[
    {
      "label": "Standard",
      "description": "3–5 business days · Free"
    },
    {
      "label": "Express",
      "description": "Next business day · $8"
    },
    {
      "label": "Same-day",
      "description": "Order by noon · $14"
    }
  ]}
  selectedIndex={1}
/>