Radio Group

1import { RadioGroup, RadioGroupItem, RadioGroupText, RadioGroupLabel } from "@/components/ui/radio-group";
2
3<RadioGroup />

1"use client";
2
3import {
4  RadioGroup as ArkRadioGroup,
5  useRadioGroupContext,
6} from "@ark-ui/react/radio-group";
7import type React from "react";
8import { cn } from "@/lib/utils";
9import { FieldLabel } from "@/registry/react/components/field";
10
11export const useRadioGroup = useRadioGroupContext;
12
13export const RadioGroup = (
14  props: React.ComponentProps<typeof ArkRadioGroup.Root>
15) => {
16  const { className, children, ...rest } = props;
17
18  return (
19    <ArkRadioGroup.Root
20      className={cn(
21        "flex flex-col gap-3",
22        "data-invalid:text-destructive dark:data-invalid:text-destructive-foreground",
23        className
24      )}
25      data-slot="radio-group"
26      {...rest}
27    >
28      {children}