Radio Group List

A list-style radio group where each option shows an icon avatar, a label, and a helper description, for picking a single choice like visibility settings.

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

import RadioGroupList from "@/components/ui/radio-group-list";

export default function RadioGroupListDemo() {
  return (
    <div className="flex w-full items-center justify-center p-10">
      <RadioGroupList />
    </div>
  );
}