{% extends 'base.html' %} {% block style %} {% endblock %} {% block header %}
Brick is a bundle of reusable UI components created to enable rapid development of cross-browser and mobile-friendly HTML5 web applications.
Brick adds custom HTML tags via Web Components technologies- allowing developers to express the structure of an application in a clearer, more concise manner.
Web Components is a series of emerging W3C standards that allow developers to define custom HTML elements, and interact with them using the native DOM.
<x-flipbox>
<div>I'm the front face.</div>
<div>And I'm the back face.</div>
</x-flipbox>
// assume that toggleButton and flipBox are already
// defined as their respective DOM elements
toggleButton.addEventListener("click", function(){
flipBox.toggle();
});
Brick is currently in Beta. You may run into issues using the components, but it likely isn't your fault! Please let us know!
File an Issue »