Consider PacemPanelElement
as a general purpose <div>
. It has the basic characteristics of a PacemElement
(abstract visual class that allows css classes and inline css bindings)
plus dynamic html content, just in case.
<pacem-panel><!-- content goes here --></pacem-panel>
.pacem-panel
is also a css class that eases content disposition.
Heading, Body and Footer (also Tools and other stuff) can be arranged with no effort at all.
.pacem-card
is a css class that eases the disposition of content plus an image.
Heading, Body and Footer (also Tools and other stuff) follow the rules above,
while Img and Ribbon positioning gets also handled via css.