brick-dialog

A simple Brick dialog.

Demo

Usage

Import Web Components polyfill:

<script src="bower_components/platform/platform.js"></script>

Import Custom Element:

<link rel="import" href="dist/brick-dialog.html">

Start using it:

<brick-dialog>
  <header>Here your header</header>
  <section>Here your content</section>
  <footer [vertical]>

    <brick-action target="horizontal" action="hide">
      <button>cancel</button>
    </brick-action>

    <brick-action target="horizontal" action="hide">
      <button>cancel</button>
    </brick-action>

  </footer>
</brick-dialog>

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

brick-dialog details

Methods

Method	Parameters	Returns	Description
`show()`	-	-	Show the dialog
`hide()`	-	-	Hide the dialog

Development

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:

Install Bower & Gulp:
```
$ npm install -g bower gulp
```
Install local dependencies:
```
$ npm install && bower install
```

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:

Run gulp server
Navigate to http://localhost:3001

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