UNPKG

@spaced-out/ui-design-system

Version:
32 lines 1.16 kB
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