The <mr-div>defines a division or section in an <mr-panel>. This is the same concept as <mr-entity> but is specific to items that are within an <mr-panel>. Think of this as items that are specific to the interface on the panel, 2D and 3D alike.


Purple section Blue section Yellow section

Definition and Usage

<mr-div> behaves exactly like a <div> tag. It can be styles using CSS, store data-attributes, etc.

<mr-div class="blue"></mr-div>

You can then apply CSS

.blue {
    background-color: LightSkyBlue;
    grid-row: 1 / 3;
    grid-column: 1 / -1;