mjml-button - npm Package Compare versions

Comparing version 2.0.0-beta.4 to 2.0.0-beta.5

package.json

 {
   "name": "mjml-button",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.5",
   "main": "lib/index.js",
@@ -15,6 +15,6 @@ "repository": {
   "dependencies": {
-    "lodash": "^4.6.1",
-    "mjml-core": "^2.0.0-beta.4",
-    "react": "^0.14.7"
+    "lodash": "^4.7.0",
+    "mjml-core": "^2.0.0-beta.5",
+    "react": "^0.14.8"
   }
 }

README.md

@@ -1,1 +0,42 @@
-mjml-button
+## MJ-BUTTON
+
+``` html
+
+  <mj-column>
+    <mj-button font-family="Helvetica" background-color="#F45E43" color="white">
+      Don't click me!
+    </mj-button>
+  </mj-column>
+
+```
+
+Displays a customizable button.
+
+<p align="center">
+<img src="https://cloud.githubusercontent.com/assets/6558790/12751346/fd993192-c9bc-11e5-8c91-37d616bf5874.png" alt="desktop" width='150px' />
+</p>
+
+<p align="center">
+  <a href="/try-it-live/button"><img width="100px" src="http://imgh.us/TRYITLIVE.svg" alt="sexy" /></a>
+</p>
+
+attribute                   | unit        | description                                      | default value
+----------------------------|-------------|--------------------------------------------------|---------------------
+background-color            | color       | button background-color                          | #414141
+container-background-color  | color       | button container background color                | n/a
+border-radius               | px          | border radius                                    | 3px
+font-style                  | string      | normal/italic/oblique                            | n/a
+font-size                   | px          | text size                                        | 13px
+font-weight                 | number      | text thickness                                   | bold
+font-family                 | string      | font name                                        | Ubuntu, Helvetica, Arial, sans-serif
+color                       | color       | text color                                       | #ffffff
+border                      | string      | css border format                                | none
+text-decoration             | string      | underline/overline/none                          | none
+align                       | string      | horizontal alignment                             | center
+vertical-align              | string      | vertical alignment                               | middle
+href                        | link        | link to be triggered when the button is clicked  | n/a
+padding                     | px          | supports up to 4 parameters                      | 15px 30px
+padding-top                 | px          | top offset                                       | n/a
+padding-bottom              | px          | bottom offset                                    | n/a
+padding-left                | px          | left offset                                      | n/a
+padding-right               | px          | right offset                                     | n/a

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8753

increased by41.36%

Number of lines in readme file

43

increased by2050%

Dependency changes

• Updatedlodash@^4.7.0

• Updatedmjml-core@^2.0.0-beta.5

• Updatedreact@^0.14.8