Not content with having an entire OS to develop, not to mention a well known browser, Mozilla has now taken on the task of creating a UI for the modern web app. But why call it Brick?
So, for example, if you want to make use of a flipbox component all you have to do is include:
<div>I'm the front face.</div>
<div>And I'm the back face.</div>
and to make it flip from front to back:
// assume that toggleButton and flipBox are already
// defined as their respective DOM elements
Mozilla now has a library of web components that you can download and use. It is in beta at the moment and there are some bugs. The range of components is quite large - appbar, calendar, datepicker, deck, flipbox, iconbutton, slidebox, slider, tabbar, toggle, togglegroup and tooltip.
In principle the components can be used with any browser and in an general HTML page but all of the examples on the Brick website show a mobile phone sized screen.
It is very clear that Mozilla intends Brick to be used to develop apps for FIrefox OS but this isn't made explicit. In fact, apart from the basic documentation, there isn't much information at all on the project, which appears to be a descendant of the older X-Tag project.
If you are planning to create an app for Firefox OS there isn't much official guidance on what to use for the UI - jQuery Mobile, The UX Building Blocks or now Brick?
Mozilla needs to get a coherent SDK for Firefox OS apps together very soon and stop pretending that developing for it is just the same as developing a general web app.
Despite the lack of communication, Brick looks good and especially so if you are attempting to create a Firefox OS app - but surely it should be called Bricks?