rharuow-ds
Version:
Modern React Design System with 20 components and auto color system. Define only 2 colors (primary/secondary) and get automatic variations (hover, light, dark) with proper text contrast (WCAG AA). Includes: Table, Card, Button, Chip, Pagination, Input, Te
28 lines (27 loc) • 763 B
TypeScript
import * as React from "react";
export interface RadioOption {
label: string;
value: string;
icon?: React.ReactNode;
}
export interface RadioGroupProps {
name: string;
label?: string;
options: RadioOption[];
containerClassName?: string;
optionClassName?: string;
direction?: "row" | "col";
size?: "sm" | "md" | "lg";
value?: string;
onChange?: (event: {
target: {
value: string;
};
}) => void;
className?: string;
onFocus?: React.FocusEventHandler<HTMLDivElement>;
onBlur?: React.FocusEventHandler<HTMLDivElement>;
id?: string;
}
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
export { RadioGroup };