paveljanda / happy
Happy form inputs
Installs: 44 951
Dependents: 0
Suggesters: 0
Security: 0
Stars: 7
Watchers: 3
Forks: 3
Open Issues: 8
Language:JavaScript
README
See demo
Installation
npm install happy-inputs
Usage - ES6 module
<!DOCTYPE html> <html> <head> <title>Happy</title> <link rel="stylesheet" type="text/css" href="./node_modules/happy-inputs/src/happy.css"> <script type="module"> import happy from './node_modules/happy-inputs/src/index.js'; Happy.init(); </script> </head> <body> <!-- Default (black) radio --> <label> <input class="happy" type="radio" name="animal" value="dog"> A dog </label> <!-- Default (black) checkbox --> <label> <input class="happy" type="checkbox" name="hungry"> Hungry </label> <!-- Colored (as you are used to from Bootstrap) radio --> <label> <input class="happy success" type="radio" name="animal" value="dog"> A dog </label> <!-- Colored (as you are used to from Bootstrap) checkbox --> <label> <input class="happy primary" type="checkbox" name="hungry"> Hungry </label> </body> </html>
Usage - ES5
<!DOCTYPE html> <html> <head> <title>Happy</title> <link rel="stylesheet" type="text/css" href="./node_modules/happy-inputs/src/happy.css"> <script src="https://cdn.jsdelivr.net/npm/happy-inputs@2.1.0/src/nomodule-es5-fallback.js"></script> <script> var happy = new Happy; happy.init(); </script> <!-- ... --> </head> <body>