WebComponents made with Brick

Viewing the source of this webpage will show you the whole source code of the components. Brick does not require any webpack or other compiling library. You can just use it right away.

A few demo example are available below: each box is an HTML with a description and the component usage below the line.

Minimalist Component Display

Below is a dummy component that just displays a text. The text is self-contained in the component and a different text is passed as attribute. The value can also be changed from the outside. Click on the second component to change the value.

Button

A button can contain all its actions within the component itself and react.

Counter

Counters demo are the new black. You can't make a component without a demo with a counter in 2020.