🦋 butterfly-radio 🦋

🌻 Change html radio button to butterfly animation.

🌼 Installation

🌺 In a browser:

<script src="butterfly-radio.js"></script>

🌺 Using npm:

$ npm install butterfly-radio

🌺 In Node.js:

const butterflyRadio = require("butterfly-radio");
butterflyRadio();

🌼 Usage

<butterfly-radio name="flower">
  <input type="radio" value="1"><label>Red flower</label>
  <input type="radio" value="2"><label>Green flower</label>
  <input type="radio" value="3"><label>Blue flower</label>
</butterfly-radio>

🌻 The name attribute and id attribute of the <input> element can be omitted.

🌻 The for attribute of the <label> element can be omitted.

🌼 License

butterfly-radio is created under the MIT license.