Create Next App

AlertPills

This is a guideline for you on how to create you first product in your store

Normal

Radio Button

passed

Radio Button3

disabled

Radio Button2

React js


    import * as React from 'react';
import Radio from 'vestarplus/Radio';

export default function BasicRadiofunction() {

const [isRadioSelected, setIsRadioSelected] = useState(false);

  const handleRadioChange = () => {
    setIsRadioSelected(!isRadioSelected);
  };
  return (

  <Radio id="myRadio" label="Radio Button" checked={isRadioSelected} onChange={handleRadioChange} />

  <Radio id="myRadio" label="Radio Button" checked={isRadioSelected} onChange={handleRadioChange} disabled/>


  );
}

HTMLCSSJS


  <!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="./index.css">
        <title>Radio Component</title>
    </head>

    <body>

        <div id="radio-container" class="radio-container">
            <label id="radio-label" class="radio-label  ">
                <input type="radio" name="radio-group" id="radio" value="true" class="radio-checkmark " />

                Radio Button
            </label>
        </div>


        <script>


        </script>
    </body>

</html>