UNPKG

@accelint/design-toolkit

Version:

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

41 lines (38 loc) 1.36 kB
import * as react_jsx_runtime from 'react/jsx-runtime'; import { RadioProps } from './types.js'; import 'react'; import 'react-aria-components'; import '../label/types.js'; /** * Radio - A form control for exclusive selection within a group of options * * Provides accessible radio button functionality where only one option can be * selected at a time within a group. Includes proper labeling, keyboard navigation, * and visual feedback for selection states. * * @example * // Basic radio group * <RadioGroup label="Choose size"> * <Radio value="small">Small</Radio> * <Radio value="medium">Medium</Radio> * <Radio value="large">Large</Radio> * </RadioGroup> * * @example * // Radio group with default selection * <RadioGroup defaultValue="medium" label="Size preference"> * <Radio value="small">Small (S)</Radio> * <Radio value="medium">Medium (M)</Radio> * <Radio value="large">Large (L)</Radio> * </RadioGroup> * * @example * // Disabled radio options * <RadioGroup label="Shipping options"> * <Radio value="standard">Standard shipping</Radio> * <Radio value="express">Express shipping</Radio> * <Radio value="overnight" isDisabled>Overnight (unavailable)</Radio> * </RadioGroup> */ declare function Radio({ classNames, children, ...rest }: RadioProps): react_jsx_runtime.JSX.Element; export { Radio };