Geometric Containers

The structural geometry components for Prime Period Theory.

Container

The Period component acts as a structural positional wrapper for peripheral elements. Below, we've stripped it down to just its raw shape so you can see how it reacts to shape changes without content.

Layout Parameters

Period Shape

Starting Angle (deg)

View Source Code

<ppt-period shape="circle" starting-angle="-90" min-width="150" min-height="150"></ppt-period>

Step

A semantic marker component that is natively managed by the Period Component's geometry system.

Layout Parameters

Period Shape

Line Orientation

Starting Angle (deg)

View Source Code

<ppt-period shape="line-horizontal" starting-angle="-90">
  <ppt-period-step-circle slot="step">A</ppt-period-step-circle>
  <ppt-period-step-circle slot="step">B</ppt-period-step-circle>
  <ppt-period-step-circle slot="step">C</ppt-period-step-circle>
</ppt-period>