circle

Creates a circle (pie) layout.

Example

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

<a-entity circle position="0 1.6 -2.5">
  <a-entity material="color: #8A8A8A"></a-entity>
  <a-entity material="color: #018A6C"></a-entity>
  <a-entity material="color: #00C170"></a-entity>
  <a-entity material="color: #03FCC6"></a-entity>
</a-entity>

Props

Children of circle must be plain entities because they are converted to parts of the circle.

Property	Type	Default	Description
spacing	number	0	Sets spacing between elements.
radius	number	1	Sets circle's radius.