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)
Online