← Back

paper-buttons-group

A button group with `paper-button` style. It also implement the `iron-multi-selectable` behavior which permit to select a choice bu taping on a button.

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/NeilujD/paper-buttons-group on 2019-05-22 ]

Demo and API Docs

<paper-buttons-group>

Name: paper-buttons-group
Availability: InStock
Rating: 5 (138 reviews)
Author: NeilujD

Example

<paper-buttons-group selected="0">
  <paper-button>CHOICE 1</paper-button>
  <paper-button>CHOICE 2</paper-button>
  <paper-button>CHOICE 3</paper-button>
</paper-buttons-group>

A button group with paper-button style

Install the Polymer-CLI

First, make sure you have the Polymer CLI installed. Then run polymer serve to serve your application locally.

Viewing Your Application

$ polymer serve

Building Your Application

$ polymer build

This will create a build/ folder with bundled/ and unbundled/ sub-folders containing a bundled (Vulcanized) and unbundled builds, both run through HTML, CSS, and JS optimizers.

You can serve the built versions by giving polymer serve a folder to serve from:

$ polymer serve build/bundled

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

polymer#Polymer/polymer#^2.0.0
paper-button#PolymerElements/paper-button#^2.0.0
iron-selector#PolymerElements/iron-selector#^2.0.0
paper-material#PolymerElements/paper-material#^2.0.0
paper-behaviors#PolymerElements/paper-behaviors#^2.0.0
iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
paper-styles#PolymerElements/paper-styles#^2.0.0

Released: 2017-06-07
Maturity: IMPORTED
License: Apache License 2.0

Compatibility

Framework: Polymer 2.0+; Polymer 1.0+ in 1.2.1
Browser: Browser Independent

paper-buttons-group - Vaadin Add-on Directory

A button group with `paper-button` style. It also implement the `iron-multi-selectable` behavior which permit to select a choice bu taping on a button.

**[ This description is mirrored from README.md at [github.com/NeilujD/paper-buttons-group](https://github.com//NeilujD/paper-buttons-group/blob/v1.1.0/README.md) on 2019-05-22 ]** [Demo and API Docs](https://neilujd.github.io/paper-buttons-group) # \ ## Example ```html

CHOICE 1

CHOICE 2

CHOICE 3

``` A button group with `paper-button` style ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your application locally. ## Viewing Your Application ``` $ polymer serve ``` ## Building Your Application ``` $ polymer build ``` This will create a `build/` folder with `bundled/` and `unbundled/` sub-folders containing a bundled (Vulcanized) and unbundled builds, both run through HTML, CSS, and JS optimizers. You can serve the built versions by giving `polymer serve` a folder to serve from: ``` $ polymer serve build/bundled ``` ## Running Tests ``` $ polymer test ``` Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.

Online Demo
Documentation
View on GitHub
GitHub Homepage
Issue tracker

paper-buttons-group version 1.0.0
### Dependencies Polymer/polymer#^1.4.0 * PolymerElements/paper-button#^1.0.13 * PolymerElements/iron-selector#^1.5.2 * PolymerElements/paper-material#^1.0.6 * PolymerElements/paper-behaviors#^1.0.12 * PolymerElements/iron-flex-layout#^1.3.1 * PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 1.0.1
### Dependencies Polymer/polymer#^1.4.0 * PolymerElements/paper-button#^1.0.13 * PolymerElements/iron-selector#^1.5.2 * PolymerElements/paper-material#^1.0.6 * PolymerElements/paper-behaviors#^1.0.12 * PolymerElements/iron-flex-layout#^1.3.1 * PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 1.0.2
### Dependencies Polymer/polymer#^1.4.0 * PolymerElements/paper-button#^1.0.13 * PolymerElements/iron-selector#^1.5.2 * PolymerElements/paper-material#^1.0.6 * PolymerElements/paper-behaviors#^1.0.12 * PolymerElements/iron-flex-layout#^1.3.1 * PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 1.0.3
### Dependencies Polymer/polymer#^1.7.0 * PolymerElements/paper-button#^1.0.13 * PolymerElements/iron-selector#^1.5.2 * PolymerElements/paper-material#^1.0.6 * PolymerElements/paper-behaviors#^1.0.12 * PolymerElements/iron-flex-layout#^1.3.1 * PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 1.0.5
### Dependencies * polymer#Polymer/polymer#^1.7.0 * paper-button#PolymerElements/paper-button#^1.0.13 * iron-selector#PolymerElements/iron-selector#^1.5.2 * paper-material#PolymerElements/paper-material#^1.0.6 * paper-behaviors#PolymerElements/paper-behaviors#^1.0.12 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * paper-styles#PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 1.0.4
### Dependencies * polymer#Polymer/polymer#^1.7.0 * paper-button#PolymerElements/paper-button#^1.0.13 * iron-selector#PolymerElements/iron-selector#^1.5.2 * paper-material#PolymerElements/paper-material#^1.0.6 * paper-behaviors#PolymerElements/paper-behaviors#^1.0.12 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * paper-styles#PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 1.1.0
### Dependencies * polymer#Polymer/polymer#^1.7.0 * paper-button#PolymerElements/paper-button#^1.0.13 * iron-selector#PolymerElements/iron-selector#^1.5.2 * paper-material#PolymerElements/paper-material#^1.0.6 * paper-behaviors#PolymerElements/paper-behaviors#^1.0.12 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * paper-styles#PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 1.2.0
### Dependencies * polymer#Polymer/polymer#^1.7.0 * paper-button#PolymerElements/paper-button#^1.0.13 * iron-selector#PolymerElements/iron-selector#^1.5.2 * paper-material#PolymerElements/paper-material#^1.0.6 * paper-behaviors#PolymerElements/paper-behaviors#^1.0.12 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * paper-styles#PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 1.1.1
### Dependencies * polymer#Polymer/polymer#^1.7.0 * paper-button#PolymerElements/paper-button#^1.0.13 * iron-selector#PolymerElements/iron-selector#^1.5.2 * paper-material#PolymerElements/paper-material#^1.0.6 * paper-behaviors#PolymerElements/paper-behaviors#^1.0.12 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * paper-styles#PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 1.2.1
### Dependencies * polymer#Polymer/polymer#^1.7.0 * paper-button#PolymerElements/paper-button#^1.0.13 * iron-selector#PolymerElements/iron-selector#^1.5.2 * paper-material#PolymerElements/paper-material#^1.0.6 * paper-behaviors#PolymerElements/paper-behaviors#^1.0.12 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * paper-styles#PolymerElements/paper-styles#^1.1.5

paper-buttons-group version 2.0.0
### Dependencies * polymer#Polymer/polymer#^2.0.0 * paper-button#PolymerElements/paper-button#^2.0.0 * iron-selector#PolymerElements/iron-selector#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-behaviors#PolymerElements/paper-behaviors#^2.0.0 * iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0 * paper-styles#PolymerElements/paper-styles#^2.0.0

Directory