v2.1.4

Live Demo →
API Documentation →

Changes Since v2.1.3:

• 6d20868 chore: rename duplicate demo snippet id [skip ci]

• 2c31885 chore: add button src import to main for modulizer [skip ci]

v2.1.3

Live Demo →
API Documentation →

Changes Since v2.1.2:

• 466cda2 refactor: use attributeChangedCallback for aria-label (#125)

• a3592f5 Set aria-label to native button (#122)

• 30c8bb9 Explicitly specify port in 'npm start' script

v2.1.2

Live Demo →
API Documentation →

Changes Since v2.1.1:

• 92f69a8 fix: add styles to disabled primary button (#119)

• 564762a Add 'npm start' script

v2.1.1

Live Demo →
API Documentation →

Fixes

• Set visible overflow for tertiary-inline theme variant (#80)

Changes Since v2.1.0:

• 9427c83 Align with skeleton: use latest vaadin-demo-helpers, improve demos

• bab2986 Align with skeleton: update lumo and material, remove iron-demo-helpers

• 3137815 Set visible overflow for tertiary-inline label [skip ci] (#80)

• 9b9e767 Update visual test images (#109)

• 5dd8f78 Use files property of package.json instead of .npmignore

• 86702c4 Added visual tests for Material theme.

v2.1.0

Live Demo →
API Documentation →

New Features

• Material theme for <vaadin-button>, see demo

Polymer 3

• First stable version available also in npm, as Polymer 3 based component. Please upgrade to this version if you are using npm, and remember to update any other Vaadin components you use.

<script src="./node_modules/@vaadin/vaadin-button/theme/material/vaadin-button.js" type="module"></script>

<vaadin-button>
  Material Theme
</vaadin-button>  

https://glitch.com/edit/#!/enchanting-kilometer?path=index.html

Changes Since v2.1.0-beta2:

• 23a9a2d Update vaadin-element-mixin to 2.0.0
• e44dfd3 Fix duplicate id attribute in demo

v2.1.0-beta2

Live Demo →
API Documentation →

Changes Since 2.1.0-alpha2:

• 66974a1 Update bower main to inclue MD for modulizer conversion
• 5cdd613 Update vaadin dependencies
• d5762d8 Use stable polymer-modulizer (#102)
• f582fad Update istanbul threshold to 95 to prevent external PRs CI builds failures
• 7f2ec06 Update vaadin-control-state-mixin version (#101)
• 0b51189 Fix Bower semver ranges (#97)
• 45388d4 Fixed end of line problem with gulp-html-extract plugin on Windows

v2.1.0-alpha2

Live Demo →
API Documentation →

Changes Since 2.1.0-alpha1:

• 18542a7 Do not depend on p3-preview
• d533c17 Merge branch 'master' into p3-preview
• 5a99184 Rename Lumo Theme demo to Theme Variants
• 33b0b77 update screenshots
• f0f2001 Merge branch 'master' into p3-preview
• fd66fc1 Add a demo with a click listener - Fixes #88

v2.1.0-alpha1

Live Demo →
API Documentation →

Changes Since 2.0.1:

• 191bb1c Move src import from styled file to element one
• 482dacd Depend on stable version of material styles
• d41d19b Adding theme/material
• 0a084c7 Add test coverage threshold
• f7b511f Add usage sample

v2.0.1

Live Demo →
API Documentation →

Changes Since v2.0.0:

• 4f22048 Remove Bower badge [skip ci]

• d00ef67 Enable visual tests with Lumo

• 6de53fb Add Directory badges [skip ci]

• 007b32e Revert unintentional change to iron-icon display value

• 464a8a5 Combine style modules

v2.0.0

Live Demo →
API Documentation →

⚠️ Breaking Changes Since v1.x:

• The element uses Lumo theme by default. The previous default theme has been dropped. You can import the unstyled version from the src/vaadin-button.html
• Removed the wrapping native button and the "button" styling part. The element still uses native button under the hood, but that one is now considered as implementation detail
• The CSS position is now set to relative on host element forced with !important

New Features Since v1.x:

• Added three new styling parts:
  • part="label": wrapper for the default slot
  • part="prefix": wrapper for the named slot with name="prefix"
  • part="suffix": wrapper for the named slot with name="suffix"

Changes Since 2.0.0-beta3:

• Remove will-change properties
• Adding description file for Vaadin Directory
• Remove min-width from tertiary variant [skip ci] - Remove min-width from tertiary variant (in addition to tertiary-inline). The button does not have any visible edge, so the text is the only hint of the clickable area.
• Fix border radius for pseudo elements (Lumo) [skip ci] - Fix border radius for pseudo elements (let it inherit, so that custom adjustments on the button border-radius is affected regardless of the custom property.
• Update inline demo: align with the screenshot [skip ci]
• Enable tests for Safari 9