Radio Group

import { RadioGroup, RadioGroupItem } from "@araf-ds/core"

export default function Example() {
  return (
    <RadioGroup defaultValue="editor" label="Select role">
      <RadioGroupItem value="admin" label="Administrator" />
      <RadioGroupItem value="editor" label="Editor" />
      <RadioGroupItem value="viewer" label="Viewer" />
    </RadioGroup>
  )
}

<RadioGroup defaultValue="editor" label="Select role">
  <RadioGroupItem value="admin" label="Administrator" />
  <RadioGroupItem value="editor" label="Editor" />
  <RadioGroupItem value="viewer" label="Viewer" />
</RadioGroup>

<RadioGroup orientation="horizontal" defaultValue="monthly">
  <RadioGroupItem value="monthly" label="Monthly" />
  <RadioGroupItem value="yearly" label="Yearly" />
</RadioGroup>

<RadioGroup label="Notification preference">
  <RadioGroupItem
    value="all"
    label="All notifications"
    description="Receive all emails and push notifications"
  />
  <RadioGroupItem
    value="important"
    label="Important only"
    description="Only critical alerts and mentions"
  />
  <RadioGroupItem value="none" label="None" description="No notifications" />
</RadioGroup>