@spaced-out/ui-design-system
Version:
Sense UI components library
32 lines • 1.16 kB
TypeScript
import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
import type { GroupAlign } from '../../types/common';
/**
* Note:
* Do not wrap Radio in a label. For simplicity's sake, Radio uses an
* internal label tag to handle click delegation to the hidden input, and
* nesting labels is a bad idea.
*/
type ClassNames = Readonly<{
wrapper?: string;
label?: string;
radio?: string;
}>;
export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children' | 'value' | 'disabled' | 'focused' | 'name' | 'selectedValue' | 'align' | 'classNames' | 'error' | 'onChange' | 'tabIndex' | 'ariaLabel'> {
children?: React.ReactNode;
value?: string;
disabled?: boolean;
focused?: boolean;
name?: string;
selectedValue?: string;
align?: GroupAlign;
classNames?: ClassNames;
error?: boolean;
onChange?: (newValue: string) => unknown;
tabIndex?: number;
ariaLabel?: string;
testId?: string;
}
export declare const RadioButton: Flow.AbstractComponent<RadioButtonProps, HTMLInputElement>;
export {};
//# sourceMappingURL=RadioButton.d.ts.map