Interactive example for Mozilla Brick
Mozilla Brick it's a library for Web Components created for the Mobile Web Interface that use the Shadow DOM.
This is an interactive examples for show the APIs and the simplicity of the Web Components.

Articles about Mozilla Brick:
Introducing Brick: Minimal-markup Web Components for Faster App Development
Firefox OS Development: Web Components and Mozilla Brick
Custom Elements for Custom Applications – Web Components with Mozilla’s Brick and X-Tag

Created by Mte90

Header Text:

Documentation: http://mozbrick.github.io/docs/brick-appbar.html

Header

Add Controls:

Viewport (YYYY-MM-DD):

Chosen (YYYY-MM-DD):

Add Multiple Selection:

No Toggle:

Multiple Calendar (Number):

Number of the first day of the week (Number):

Warning: Horrible code of the calendar autogenerated

Documentation: https://github.com/x-tag/calendar
More example: http://mozilla.github.io/brick/demos/x-tag-calendar/index.html

Loop:

Previous Card:

Next Card:

Show Card:

Warning: Horrible code of the deck autogenerated

Documentation: http://mozbrick.github.io/docs/brick-deck.html

0

1

2

3

4

Flip:

Choose Direction:

Warning: Horrible code of the deck autogenerated

Documentation: http://mozbrick.github.io/docs/brick-flipbox.html

Front face.

Back face.

More example on the official site http://mozilla.github.io/brick/docs.html