FinallyReact Design Library

Radio

Tune in every morning to .finallyFM

The Radio component can be used by importing { Radio } from "finallyreact"

Example

Option 1

Option 2

Option 3

Selected Value:

Default Value

Option 1

Option 2

Option 3

Selected Value: option2

Size

Small 1

Small 2

Small 3

Medium 1

Medium 2

Medium 3

Large 1

Large 2

Large 3

Color

Blue 1

Blue 2

Blue 3

Emerald 1

Emerald 2

Emerald 3

Lava 1

Lava 2

Lava 3

Disabled

All Disabled

Option 1

Option 2

Disabled Option

Multi Select

Option 1

Option 2

Option 3

Selected Values:

Simple

Option 1

Option 2

Option 3

Selected Value:

Radio Props

Prop Name	Prop Type	Description
allowUnselect	boolean	Allow unselecting a radio option (default true)
color	string	Any FinallyReact color
disabled	boolean	Disables user interaction
initialValue	string	Default value of the radio
inputProps	HTMLAttributes	Props for the radio input
labelProps	HTMLAttributes	Props for the label
multiSelect	boolean	Enable multi-option select
name	string	Optional identifier for the radio
options	object[]	Options for the radio
options[].disabled	boolean	Disables the option
options[].label	string	Label of the option
options[].value	any	Value of the option
simple	boolean	Renders a simple radio
size	'sm' \| 'md' \| 'lg'	Size of the radio
value	any	Value of the radio

Radio

Tune in every morning to .finallyFM

The Radio component can be used by importing { Radio } from "finallyreact"

Example

Option 1

Option 2

Option 3

Selected Value:

Default Value

Option 1

Option 2

Option 3

Selected Value: option2

Size

Small 1

Small 2

Small 3

Medium 1

Medium 2

Medium 3

Large 1

Large 2

Large 3

Color

Blue 1

Blue 2

Blue 3

Emerald 1

Emerald 2

Emerald 3

Lava 1

Lava 2

Lava 3

Disabled

All Disabled

Option 1

Option 2

Disabled Option

Multi Select

Option 1

Option 2

Option 3

Selected Values:

Simple

Option 1

Option 2

Option 3

Selected Value:

Radio Props

Prop Name	Prop Type	Description
allowUnselect	boolean	Allow unselecting a radio option (default true)
color	string	Any FinallyReact color
disabled	boolean	Disables user interaction
initialValue	string	Default value of the radio
inputProps	HTMLAttributes	Props for the radio input
labelProps	HTMLAttributes	Props for the label
multiSelect	boolean	Enable multi-option select
name	string	Optional identifier for the radio
options	object[]	Options for the radio
options[].disabled	boolean	Disables the option
options[].label	string	Label of the option
options[].value	any	Value of the option
simple	boolean	Renders a simple radio
size	'sm' \| 'md' \| 'lg'	Size of the radio
value	any	Value of the radio