grid

In any application, you always have to deal with the correct alignment of objects in the scene. Grid is a classic two-dimensional layout that can be used not only in 2D, but also in 3D space.

Example

import "spatial-design-system/components/menu.js";

<a-entity grid position="0 1.5 -3">
  <a-box color="#8A8A8A"></a-box>
  <a-box color="#018A6C"></a-box>
  <a-box color="#00C170"></a-box>
  <a-box color="#03FCC6"></a-box>
</a-entity>

Props

Property	Type	Default	Description
columns	number	2	Number of grid columns.
rows	number	2	Number of grid rows.
spacing	number	0	Sets spacing between items.