[FEATURE]: Radion buttons in tailwind

[jsvigneshkanna]

Description

Need to create code for radio button as per below image.

• The final code should be placed under path tailwind_components/forms with file name as radio_button.jsx
• The file as to be imported to tailwind_components/forms/collection.js file as per example and added to the formCollections list
• The radio button should be responsive to user actions
• Post these process, go to components tab (components/forms) in website and check whether the codepen is updated

For PR reference - https://github.com/jsvigneshkanna/tailwind_ui_components/pull/76/files

For any issue while creating / importing the component code file, check below sample files
https://github.com/jsvigneshkanna/tailwind_ui_components/tree/master/tailwind_components/buttons

For icons please refer - https://heroicons.com/

Screenshot of the tailwind component

Are you taking this fetaure implementaion

no

[jsvigneshkanna]

@streetcodec ,
Can you check this issue?

[streetcodec]

Yes @jsvigneshkanna , Please assign this to me! Will be interested to work on it!

[jsvigneshkanna]

Great @streetcodec

Also check pricing cards too as you can learn more from there

[streetcodec]

@jsvigneshkanna Yes! Checked and will do them one by one!

[streetcodec]

@jsvigneshkanna should my version contain 4 buttons? And should the checkbox be like the one in picture, hollow from insode rest blue, or filled completely on check?

[jsvigneshkanna]

Yes @streetcodec ,
We can have 2/3 radios and color palette should be same as screenshot

[streetcodec]

@jsvigneshkanna I have made the PR for this! Please Review and if any changes are to be done, please suggest!