nifty-magic-check

    2.6.0 • Public • Published

    Magic-check (fork for Nifty Admin Template)

    This repository contains fork of magic-check modified for use in Nifty - Responsive Admin Template

    Beautify Radio and Checkbox with pure CSS.

    Demo

    Demo

    Install

    • npm: npm install --save nifty-magic-check
    • yarn: yarn add nifty-magic-check

    Usage

    <link rel="stylesheet" href="node_modules/magic-check/css/magic-check.css">

    Checkbox

    <div>
      <input class="magic-checkbox" type="checkbox" name="layout" id="1">
      <label for="1">Normal</label>
    </div>
     
    <div>
      <input class="magic-checkbox" type="checkbox" name="layout" id="2" checked="checked">
      <label for="2">Checked</label>
    </div>
     
    <div>
      <input class="magic-checkbox" type="checkbox" name="layout" id="3" disabled="disabled">
      <label for="3">
        Disabled
      </label>
    </div>
     
    <div>
      <input class="magic-checkbox" type="checkbox" name="layout" id="4" checked disabled="disabled">
      <label for="4">Checked && Disabled</label>
    </div>

    Radio

    <div>
      <input class="magic-radio" type="radio" name="radio" id="11">
      <label for="11">Normal</label>
    </div>
     
    <div>
      <input class="magic-radio" type="radio" name="radio" id="22" checked>
      <label for="22">Checked</label>
    </div>
     
    <div>
      <input class="magic-radio" type="radio" id="33" disabled="disabled">
      <label for="33">Disabled</label>
    </div>
     
    <div>
      <input class="magic-radio" type="radio" id="44" disabled="disabled" checked>
      <label for="44">Checked && Disabled</label>
    </div>

    Browser compatibility

    • Chrome
    • Firefox
    • Safari
    • Opera
    • IE9 & IE9+

    Release Info

    Based on magic-check v1.0.3 and Nifty - Responsive Admin Template v2.6.0

    License

    MIT

    Install

    npm i nifty-magic-check

    DownloadsWeekly Downloads

    4

    Version

    2.6.0

    License

    MIT

    Last publish

    Collaborators

    • jozefizso