@lrnwebcomponents Monorepo for NPM based element definitions

<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

Install

Link to this version
ImportedReleased 29 April 2019Apache License 2.0
Framework Support
Polymer 3.0+
Browser Independent
Install with
npm install @lrnwebcomponents/select-menu"@2.0.10"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - 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