woi-react-components/src/docs/woi-radio-button.mdx

This project requires NodeJS (version 18 or later) and NPM. [Node](http://nodejs.org/) and [NPM](https://npmjs.org/) are really easy to install. To make sure you have them available on your machine, try running the following command. ```sh $ npm -v &

# WOI Radio Button Component

WOI radio button component is a reusable React component for creating interactive buttons in your web application.

## Props

WOI Radio Button component accepts the following props:

- `size` (number): (number): The width and height of the thumb, specified as a numerical value (e.g., pixels) or as a percentage of its container's width and height.
- `activeBorderColor` (string):  The color property is used to set the color of the track in active state.  The color can be set by: name - specify a color name, like "red", Hex code (#RRGGBB), and RGB color (rgb(R, G, B)).
- `inActiveBorderColor` (string):  The color property is used to set the color of the track in inactive state.  The color can be set by: name - specify a color name, like "red", Hex code (#RRGGBB), and RGB color (rgb(R, G, B)).
- `borderWidth` (number): The border-width property sets the width of an element's borders. Specified as a numerical value (e.g., pixels) or as a percentage.
- `activeColor` (string):  The color property is used to set the background color of the container in active state.  The color can be set by: name - specify a color name, like "red", Hex code (#RRGGBB), and RGB color (rgb(R, G, B)).
- `inActiveColor` (string):  The color property is used to set the background color of the container in inactive state.  The color can be set by: name - specify a color name, like "red", Hex code (#RRGGBB), and RGB color (rgb(R, G, B)).
- `isSelected` (boolean): A boolean flag that determines whether the button is in a disabled state. When set to true, the button is not clickable or interactive.