ak-button
Advanced tools
Comparing version 1.4.4 to 1.4.5
@@ -1,6 +0,17 @@ | ||
<a name="1.4.4"></a> | ||
## 1.4.4 (2016-10-07) | ||
<a name="1.4.5"></a> | ||
## 1.4.5 (2016-10-10) | ||
<a name="ak-button@1.4.5"></a> | ||
## ak-button@1.4.5 (2016-10-10) | ||
### Bug Fixes | ||
* fix host selectors ([a51fdb4](https://bitbucket.org/atlassian/atlaskit/commits/a51fdb4)) | ||
* hosts styles fix - initial commit ([27f0218](https://bitbucket.org/atlassian/atlaskit/commits/27f0218)) | ||
<a name="ak-button@1.4.4"></a> | ||
@@ -12,2 +23,3 @@ ## ak-button@1.4.4 (2016-10-07) | ||
* **docs:** Button docs fixes ([fe48030](https://bitbucket.org/atlassian/atlaskit/commits/fe48030)) | ||
* **icons:** Use ak-icon (single consumption) ([559bac4](https://bitbucket.org/atlassian/atlaskit/commits/559bac4)) | ||
@@ -14,0 +26,0 @@ |
{ | ||
"name": "ak-button", | ||
"version": "1.4.4", | ||
"version": "1.4.5", | ||
"description": "ak-button webcomponent", | ||
@@ -5,0 +5,0 @@ "main": "dist/bundle.js", |
@@ -0,10 +1,21 @@ | ||
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/) | ||
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) | ||
[![Bug tracker](https://img.shields.io/badge/support-bugtracker-blue.svg)](https://ecosystem.atlassian.net/browse/AK) | ||
[![Support forum](https://img.shields.io/badge/support-forum-blue.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-button,ak-button@1.4.5) | ||
# Button | ||
## Synopsis | ||
Buttons are used as triggers for actions. They are used in forms, toolbars, dialog footers and as stand-alone action triggers. | ||
A button implementation to handle user events. | ||
![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/master/packages/ak-button/docs/button_1.png) | ||
## Setup and install | ||
![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/master/packages/ak-button/docs/button_2.png) | ||
``` | ||
## Try it out | ||
Interact with a [live demo of the ak-button component](https://aui-cdn.atlassian.com/atlaskit/stories/ak-button/1.4.5/). | ||
## Installation | ||
```sh | ||
npm install ak-button | ||
@@ -21,11 +32,11 @@ ``` | ||
``` | ||
```javascript | ||
import AkButton from 'ak-button'; | ||
``` | ||
Now we can use the defined tag in our HTML markup, e.g.: | ||
Now you can use the defined tag in your HTML markup: | ||
#### index.html | ||
``` | ||
```html | ||
<html> | ||
@@ -41,17 +52,6 @@ <head> | ||
### React | ||
``` | ||
import AkButton from 'ak-button'; | ||
import reactify from 'skatejs-react-integration'; | ||
const ReactComponent = reactify(AkButton, {}); | ||
ReactDOM.render(<ReactComponent />, container); | ||
``` | ||
### Vanilla JS | ||
It can be used as a Constructor: | ||
``` | ||
```javascript | ||
import AkButton from 'ak-button'; | ||
@@ -63,3 +63,3 @@ const myButton = new AkButton(); | ||
Or nested inside skate elements, e.g.: | ||
Or nested inside skate elements. For example: | ||
@@ -81,2 +81,32 @@ ``` | ||
``` | ||
### React | ||
This is a standard web component, if you want to use it in your React app, use the Skate.js [React integration](https://github.com/webcomponents/react-integration). | ||
``` | ||
import AkButton from 'ak-button'; | ||
import reactify from 'skatejs-react-integration'; | ||
const ReactComponent = reactify(AkButton, {}); | ||
ReactDOM.render(<ReactComponent />, container); | ||
## Support and feedback | ||
### We're here to help! | ||
Let us know what you think of our components and docs, your feedback is really important for us. | ||
### Community support | ||
Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-button,ak-button@1.4.5). | ||
Check [if someone has already asked the same question before](https://answers.atlassian.com/questions/topics/42926171/atlaskit). | ||
### Create a support ticket | ||
Are you in trouble? [Let us know](https://ecosystem.atlassian.net/browse/AK)! | ||
404342
109