brick-action

A Brick custom element to wire up events and methods on different elements. It listens to an event on a source elemenet and then calls a method on a target element using event.detail as argument.

Demo

Check it live!

Usage

Import Web Components polyfill:

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

Import Custom Element:

 <link rel="import" href="src/brick-action.html">

Start using it:

 <brick-action></brick-action>

Options

Attribute	Options	Default	Description
`target`	string		ID of the target element.
`source`	string	the element itself	ID of the source element. If not provided, the `brick-action` element will listen to events on itself. So you can wrap the source element inside `brick-action`
`trigger`	string		Name of the event to listen for on the soure element.
`action`	string	`click`	Name of the method to call on the target element.

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.

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