css-radio

Friendly CSS radio button

This is inspired by wtf-forms. I often find myself copying this source, so I made a package.

Features

• Create a larger hit area for checking the control
• Replace the default <input> with a semantic wrapper
• Trigger the state of <input> automatically

Example

<label class="radio">
    <input id="example" name="radio" type="radio">
    <span class="radio-indicator"></span>
    Custom radio
</label>

Usage

You could use a tool like sheetify to consume.

var css = require('sheetify')
 
css('css-radio')

Install

npm

npm install css-radio

Related

• css-checkbox
• minimal-reset
• sheetify
• wtf-forms