HOV-26 | Radio Button

[pruthvi2103]

Expected Behavior

Make a <Radio> Component
Features:

• Should come with default input props
• Inherit from <input>

Current Behavior

No radio button component

• Make spec for radio button
• Make the base component with API and without styles
• add styling

[pruthvi2103]

relates to #24

[Rakshith088]

@pruthvi2103
https://www.figma.com/file/IZHRiuhZEG4GCIMpBKA7ar/Hover?node-id=1851%3A384
Radio Button Figma link

[Raalzz]

Spec for Radio and RadioGroup [V1] :

Radio Spec:

Attributes	Values	Default Value	Optional ?
value	string	-	No
color	string	-	Yes
label	string	-	Yes
size	xs sm md lg xl number	sm	Yes

RadioGroup Spec:

Attributes	Values	Default Value	Optional ?
children	React.Children	-	No
orientation	"horizontal" "vertical"	"horizontal"	Yes
Spacing	xs sm md lg xl number	sm	Yes

[Raalzz]

Feedback from @pruthvi2103 :

For RadioGroup:

• Add flex-wrap so that element does not overflow

For Radio:

• Remove the label as a prop
• Add id and name