Menu Button with Web Components

A Menu Button component with open/closed state made with:

• Web Components
• CSS Modules
• SCSS
• Webpack

Live demo here

Usage

<menu-button>
	<span slot="label">
		Menu
	</span>
</menu-button>

Building

1. Clone the repo locally
2. From the local folder, run npm install to install dependencies

...for development

3. Run npm run build-dev to initialise a webpack-dev-server, which will hot-reload if the contents of /src/ are changed.

...for production

3. Run npm run build-prod to bundle the app with webpack - the generated bundle.js will be placed in /dist/.

NOTE: the index.html will be copied from /src/ to /dist/ when build-prod or build-dev are initially run, but changes to index.html will not trigger a hot-reload from the dev-server.