Deprecated

This component has been moved to anypoint-web-components/awc.

====

Anypoint and Material Design styled button.

Anypoint button by default is styled for Anypoint platform. Styles can be controlled by using emphasis property ans CSS variables.

emphasis can be one of low, middle, or high. Styles for each of it can be redefined using CSS variables.
Low emphasis button should be used for less important actions.
Medium emphasis should be used for secondary actions.
High emphasis should be used for primary action, not very often, ideally one per screen.



Usage

$3

``sh
npm install @anypoint-web-components/anypoint-button --save
`

$3

`html



Low emphasis
Medium emphasis
High emphasis
Button that toggles
You can't click me




`

$3

`js
import { LitElement, html } from 'lit-element';
import '@anypoint-web-components/anypoint-button/anypoint-button.js';
import '@anypoint-web-components/anypoint-button/anypoint-icon-button.js';

class SimpleElement extends LitElement {
render() {
return html
Low emphasis
Medium emphasis
High emphasis
Button that toggles
You can't click me

;
}
}
window.customElements.define('simple-element', SimpleElement);
`

$3

`sh
git clone https://github.com/anypoint-web-components/anypoint-button
cd anypoint-button
npm install
`

$3

`sh
npm start
`

$3

`sh
npm test
``