{% extends 'base.html' %} {% block style %} {% endblock %} {% block content %}
Brick is a bundle of reusable UI components - created using W3C Custom Elements APIs & X-Tag - that enable rapid development of immersive HTML5 apps.
Web Components is a group of emerging W3C standards that allow developers to define custom HTML elements for use in markup via HTML tags, or dynamically in JavaScript.
<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 »