RadioGroupDemo() — supabase Function Reference

Source Code

apps/design-system/registry/default/example/radio-group-card-with-children.tsx lines 4–21

export default function RadioGroupDemo() {
  const singleThemes = [
    { name: 'Dark', value: 'dark' }, // Classic Supabase dark
    { name: 'Classic dark', value: 'classic-dark' }, // Deep Dark Supabase dark
    { name: 'Light', value: 'light' }, // Classic Supabase light
    { name: 'System', value: 'system' }, // Classic Supabase light
  ] as const

  return (
    <RadioGroupCard defaultValue="comfortable" className="flex flex-wrap gap-3">
      {singleThemes.map((theme) => (
        <RadioGroupCardItem key={theme.value} value={theme.value} label={theme.name}>
          <SVG src={`${process.env.NEXT_PUBLIC_BASE_PATH}/img/themes/${theme.value}.svg`} />
        </RadioGroupCardItem>
      ))}
    </RadioGroupCard>
  )
}