@als-tp/als-react-ts-ui
Version:
A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation
43 lines • 1.93 kB
TypeScript
import type { ALSRadioGroupProps, ALSRadioItemProps, ALSRadioIndicatorProps, ALSRadioOption, ALSRadioSize, ALSRadioVariant, ALSRadioOrientation } from "./ALSRadio";
/**
* ALSRadio - Radio button component system
*
* @example Simple usage with RadioGroup
* ```tsx
* <ALSRadio.Group
* label="Select your preference"
* options={[
* { value: 'option1', label: 'Option 1' },
* { value: 'option2', label: 'Option 2' },
* ]}
* defaultValue="option1"
* onValueChange={(value) => console.log(value)}
* />
* ```
*
* @example Compound component usage
* ```tsx
* <ALSRadio.Root defaultValue="option1">
* <ALSRadio.Item value="option1" label="Option 1" />
* <ALSRadio.Item value="option2" label="Option 2" />
* </ALSRadio.Root>
* ```
*/
export declare const ALSRadio: {
/** Complete RadioGroup with options array - simplest usage */
Group: import("react").FC<ALSRadioGroupProps>;
/** Base RadioGroup for custom composition */
Root: import("react").ForwardRefExoticComponent<Omit<import("@base-ui-components/react/radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement> & {
size?: ALSRadioSize;
variant?: ALSRadioVariant;
orientation?: ALSRadioOrientation;
className?: string;
children?: React.ReactNode;
}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
/** Individual radio item with label and description */
Item: import("react").ForwardRefExoticComponent<ALSRadioItemProps & import("react").RefAttributes<HTMLLabelElement>>;
/** Visual indicator inside the radio button */
Indicator: import("react").ForwardRefExoticComponent<ALSRadioIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
};
export type { ALSRadioGroupProps, ALSRadioItemProps, ALSRadioIndicatorProps, ALSRadioOption, ALSRadioSize, ALSRadioVariant, ALSRadioOrientation, };
//# sourceMappingURL=index.d.ts.map