paveljanda/happy

Happy form inputs

Maintainers

Details

github.com/paveljanda/happy

Homepage

Source

Issues

Installs: 45 410

Dependents: 0

Suggesters: 0

Security: 0

Stars: 7

Watchers: 3

Forks: 3

Open Issues: 8

Language:JavaScript

v1.0.8 2019-10-02 13:13 UTC

MIT 89b979986be44543fe81340a5a61aa908982f24a

forminputhappy

This package is auto-updated.

Last update: 2024-11-22 05:22:27 UTC

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>