"use client"; import * as React from "react"; import { RadioGroup as RadioPrimitive } from "radix-ui"; import { cn } from "@kineticui/core"; export const RadioGroup = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); RadioGroup.displayName = "RadioGroup"; export type RadioProps = React.ComponentPropsWithoutRef & { label?: React.ReactNode; description?: React.ReactNode; }; export const Radio = React.forwardRef, RadioProps>( ({ className, label, description, id, ...props }, ref) => { const autoId = React.useId(); const inputId = id ?? autoId; return (

{label ? ( {label} {description ? {description} : null} ) : null}

); }, ); Radio.displayName = "Radio"; export type RadioCardProps = React.ComponentPropsWithoutRef & { title: React.ReactNode; description?: React.ReactNode; /** Extra content, e.g. a price, on the right. */ aside?: React.ReactNode; }; /** A whole card that acts as a radio option. */ export const RadioCard = React.forwardRef, RadioCardProps>( ({ className, title, description, aside, ...props }, ref) => ( {title} {description ? {description} : null} {aside ? {aside} : null} ), ); RadioCard.displayName = "RadioCard";

Radio Group

Installation

Exports