From a101d07eb94f5ca3b85b8a561a7ad13391fbf97c Mon Sep 17 00:00:00 2001 From: Pavel Janda Date: Mon, 7 Oct 2019 10:52:29 +0200 Subject: [PATCH] README --- README.md | 57 +++++++++++++--------- example/index.html | 105 ++++++++++++++++++++++++++++++++++++++++ example/styles.css | 37 ++++++++++++++ package.json | 2 +- {dist => src}/happy.css | 0 5 files changed, 176 insertions(+), 25 deletions(-) create mode 100644 example/index.html create mode 100644 example/styles.css rename {dist => src}/happy.css (100%) diff --git a/README.md b/README.md index eaaa6f5..430b858 100644 --- a/README.md +++ b/README.md @@ -1,27 +1,36 @@ -#Happy components +# Happy components See [demo](http://happy.paveljanda.com) -##Usage - -1) Make sure you are using happy components - - - - - -2) Use them: - -* Simple: - - - -* Colored (as you are used to from Bootstrap) - - - -3) In case you need to re-init Happy JS, call - - window.happy.reset(); \ No newline at end of file +## Installation + +```bash +npm install happy-inputs +``` + +## Usage + +```html + + + + Happy + + + + + + + + + + + + +``` diff --git a/example/index.html b/example/index.html new file mode 100644 index 0000000..e378793 --- /dev/null +++ b/example/index.html @@ -0,0 +1,105 @@ + + + + Happy + + + + + + +

Happy components

+ +
+
+

Sad radio :(

+ + + + +

Happy radio :)

+ + + + +

Very Happy radio :) :)

+ + + + + + + +
+ + + + + + +
+ +
+

Sad checkbox :(

+ + + + +

Happy checkbox :)

+ + + + +

Colored border :) :)

+ + + + + +

Very happy checkbox :) :)

+ + + + + + +
+
+ + diff --git a/example/styles.css b/example/styles.css new file mode 100644 index 0000000..1a8094b --- /dev/null +++ b/example/styles.css @@ -0,0 +1,37 @@ +body { + margin: 0; + text-align: center; + font-family: 'Helvetica-neue', Helvetica, Arial; +} + +.container { + position: relative; + margin: auto; + width: 500px; +} + +.example { + padding: 2em; + margin: 0 0 1em; + border: 1px solid #E6E6E6; + text-align: left; +} + +h1, h2, h3 { + font-weight: normal; + opacity: 0.6; +} + +h2 { + margin: 1em 1em; + text-align: center; + color: red; +} + +h2:first-child { + margin-top: 0; +} + +label { + display: block; +} diff --git a/package.json b/package.json index 6b70eb7..b4d5aed 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "happy", + "name": "happy-inputs", "version": "2.0.0", "description": "Happy form inputs", "main": "src/Happy.js", diff --git a/dist/happy.css b/src/happy.css similarity index 100% rename from dist/happy.css rename to src/happy.css