up-mushroom | Vaadin

Polymer 3 up-mushroom element


Polymer 3 up-mushroom element

npm Published on webcomponents.org


Demonstração do componente funcionando

How to install and use:

1 - Install the element using Yarn:

$ yarn add up-mushroom

2 - Import the element:

<script type="module" src="node_modules/up-mushroom/up-mushroom.js"></script>

or in your javascript file

import "up-mushroom/up-mushroom.js";

3 - Start using it!



The following custom properties and mixins are available for styling:

Custom property Default Description
--up-mushroom-stroke #000 Stroke color
--up-mushroom-shadow #008B00 Shadow color
--up-mushroom-light #00FF00 Light color
--up-mushroom-color #00CD00 Mushroom color

Browser Support

Using the webcomponents.js:

Chrome Opera Firefox Safari IE Edge
Latest ✔ Latest ✔ Latest ✔ Latest ✔ 11+ Latest ✔


1 - Verify if you have node and yarn installed.

2 - Install Polymer-CLI:

$ [sudo] yarn global add polymer-cli

3 - Install local dependencies:

$ yarn install

4 - Start the development server:

$ polymer serve

Go to localhost:8080/components/up-mushroom/


To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.


Find on our issues the next steps of the project ;)
Want to contribute? Follow these recommendations.


See Releases for detailed changelog.


MIT License © Larissa Abreu


Link to this version
ImportedReleased 05 October 2018MIT License
Framework Support
Polymer 3.0+
Browser Independent
Install with
npm install up-mushroom"@0.2.6"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.2.6


  • @polymer/iron-demo-helpers#^3.0.0-pre.19
  • @polymer/polymer#^3.0.2
  • @webcomponents/webcomponentsjs#^2.1.3