Directory

← Back

lrnwebcomponents

@lrnwebcomponents Monorepo for NPM based element definitions

Author

Rating

Popularity

<100

<select-menu>

Menu

Automated conversion of select-menu/

Usage

To use this web component in your project you can utilize one of the following styles of syntax.

/* In an existing module / web component */
import '@lrnwebcomponents/select-menu.js';
/* At top of an application */
<script type="module" src="select-menu.js"></script>
/* Alternatives for top of application */
<script type="module">
  import '@lrnwebcomponents/select-menu.js';

  import {SelectMenu} from '@lrnwebcomponents/select-menu';
</script>

Develop / Demo

Run yarn start will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the /src directory for changes and automatically rebuilding the element and documentation site for the demo.

$ yarn start

Test

$ yarn run test

Build

Builds ensure that wcfactory can correctly compile your web component project to work on the maximum number of browsers possible.

$ yarn run build

Contributing

  1. Fork it! git clone git@github.com/elmsln/lrnwebcomponents.git
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Code style

Menu (and all lrnwebcomponents) use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.

License

Apache-2.0 License

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/neon-animation#^3.0.0
  • @polymer/paper-dropdown-menu#^3.0.1
  • @polymer/paper-item#^3.0.0
  • @polymer/paper-listbox#^3.0.0
  • @polymer/polymer#^3.2.0
  • web-animations-js#^2.3.1
Released
2019-04-29
Maturity
IMPORTED
License
Apache License 2.0

Compatibility

Framework
Polymer 3.0+
Browser
Browser Independent

lrnwebcomponents - Vaadin Add-on Directory

@lrnwebcomponents Monorepo for NPM based element definitions lrnwebcomponents - Vaadin Add-on Directory
# <select-menu> Menu > Automated conversion of select-menu/ ## Usage To use this web component in your project you can utilize one of the following styles of syntax. ```js /* In an existing module / web component */ import '@lrnwebcomponents/select-menu.js'; /* At top of an application */ /* Alternatives for top of application */ ``` ## Develop / Demo Run `yarn start` will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the `/src` directory for changes and automatically rebuilding the element and documentation site for the demo. ```bash $ yarn start ``` ## Test ```bash $ yarn run test ``` ## Build Builds ensure that wcfactory can correctly compile your web component project to work on the maximum number of browsers possible. ```bash $ yarn run build ``` ## Contributing 1. Fork it! `git clone git@github.com/elmsln/lrnwebcomponents.git` 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -m 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request :D ## Code style Menu (and all lrnwebcomponents) use [Prettier][prettier] to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can [integrate your editor][prettier-ed] with Prettier to have the style rules applied on every save. [prettier]: https://github.com/prettier/prettier/ [prettier-ed]: https://github.com/prettier/prettier/#editor-integration [polyserve]: https://github.com/Polymer/polyserve [web-component-tester]: https://github.com/Polymer/web-component-tester ## License [Apache-2.0 License](http://opensource.org/licenses/Apache-2.0)
View on NPM
View on GitHub

lrnwebcomponents version 0.0.4
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.5-alpha.0
### Dependencies * @lrnwebcomponents/materializecss-styles#^0.0.5-alpha.0 * @polymer/iron-icons#^3.0.1 * @polymer/paper-button#^3.0.1 * @polymer/paper-tooltip#^3.0.1 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.6-alpha.0
### Dependencies * @lrnwebcomponents/materializecss-styles#^0.0.6-alpha.0 * @polymer/iron-icons#^3.0.1 * @polymer/paper-button#^3.0.1 * @polymer/paper-tooltip#^3.0.1 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.9
### Dependencies * @lrnwebcomponents/materializecss-styles#^0.0.9 * @polymer/iron-icons#^3.0.1 * @polymer/paper-button#^3.0.1 * @polymer/paper-tooltip#^3.0.1 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.10
### Dependencies * @lrnwebcomponents/materializecss-styles#^0.0.10 * @polymer/iron-icons#^3.0.1 * @polymer/paper-button#^3.0.1 * @polymer/paper-tooltip#^3.0.1 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.11
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.12
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.13
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.14
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.15
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.16
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.17
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.18
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.19
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.20
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.21
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.22
### Dependencies * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.23
### Dependencies * @lrnwebcomponents/hax-body-behaviors#^0.0.20 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.24
### Dependencies * @lrnwebcomponents/hax-body-behaviors#^0.0.20 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.25
### Dependencies * @lrnwebcomponents/hax-body-behaviors#^0.0.20 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.26
### Dependencies * @lrnwebcomponents/hax-body-behaviors#^0.0.20 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.27
### Dependencies * @lrnwebcomponents/hax-body-behaviors#^0.0.20 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.28
### Dependencies * @lrnwebcomponents/hax-body-behaviors#^0.0.20 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.29
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.0

lrnwebcomponents version 0.0.30
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.0

lrnwebcomponents version 0.0.31
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5

lrnwebcomponents version 0.0.32
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.0.33
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.0.34
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.0.35
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.0.36
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.0.37
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.0.38
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.0.39
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.0.40
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.1.0
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 0.2.0
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.0-alpha1
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.0-alpha2
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.0-beta1
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.0
### Dependencies * @lrnwebcomponents/haxcms-elements#^2.0.0 * @lrnwebcomponents/schema-behaviors#^2.0.0-alpha2 * @lrnwebcomponents/simple-colors#^2.0.0-2.0.0-beta2.0 * @lrnwebcomponents/simple-datetime#^2.0.0-2.0.0-beta2.0 * @polymer/iron-icons#^3.0.1 * @polymer/iron-list#^3.0.0 * @polymer/iron-pages#^3.0.0 * @polymer/paper-button#^3.0.0 * @polymer/paper-card#^3.0.0 * @polymer/paper-icon-button#^3.0.0 * @polymer/polymer#^3.0.5

lrnwebcomponents version 2.0.0-2.0.0-beta2.0
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.1
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.2
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.3
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.4
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.5
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.6
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.7
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.8
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.9
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.0 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.0.5 * web-animations-js#^2.3.1

lrnwebcomponents version 2.0.10
### Dependencies * @polymer/neon-animation#^3.0.0 * @polymer/paper-dropdown-menu#^3.0.1 * @polymer/paper-item#^3.0.0 * @polymer/paper-listbox#^3.0.0 * @polymer/polymer#^3.2.0 * web-animations-js#^2.3.1

Online