#Radio

import Radio from "@poodle/ui/Radio";

Radio is a component allow the user to select a value from a list of options.

#Simple

Each Radio must have a label for accessibility. We can hide the displayed label by using prop isLabelHidden={true}

#Sizes

Change Radio size via prop sizeStyle.

Default Radio sizes are s, m, l. If you do not set size, the Radio will use the size m as default.

#Theming

Please check theming component document here.

export type RadioStyleKeys = "root" | "control" | "input" | "icon" | "label"


export interface RadioThemeConfig
  extends StandardThemeConfig<RadioStyleKeys, RadioProps> {}

#Local Props

NameTypeDescription
label * stringLabel of the Radio.
defaultCheckedbooleanChange Radio default checked.
Will override input props defaultChecked.
isCheckedbooleanChange Radio to checked state when set to true.
Will override input props checked.
isDisabledbooleanChange Radio icon to disabled state when set to true.
Will override input props disabled.
isLabelHiddenbooleanHide label when set to true

#Full Props

export interface RadioProps
    extends Omit<CheckControlProps, "checkLabel" | "checkType" | "label">,
        StandardComponentProps,
        LocalRadioProps {}