Socket
Socket
Sign inDemoInstall

ak-button

Package Overview
Dependencies
5
Maintainers
1
Versions
61
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.4.4 to 1.4.5

16

CHANGELOG.md

@@ -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 @@

2

package.json
{
"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)!
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc