A simple Brick vertical menu.


Check it live!


  1. Import Web Components polyfill:

     <script src="bower_components/platform/platform.js"></script>
  2. Import Custom Element:

     <link rel="import" href="src/brick-menu.html">
  3. Start using it:

       <brick-item selected>Item 1</brick-item>
       <brick-item>Item 2</brick-item>
       <brick-item>Item 3</brick-item>
       <brick-item>Item 4</brick-item>

    Clicking on one of the sets the clicked item as selected.


Brick components use Stylus to generate their CSS.

This repository comes outfitted with a set of tools to ease the development process.

To get started:

While developing your component, there is a development server that will watch your files for changes and automatically re-build your styles and re-lint your code.

To run the development server:

To simply build and lint your code, run gulp build.

You can also push your code to GitHub Pages by running gulp deploy.