Prime Period Theory

Foundational Primitives

The base elements of the PPT component library.

Base

All PPT components inherit from the Base Component, which provides foundational styling, interactivity flags, and resize observation.

Base Parameters

Generic Base Implementation

I am a generic PPT component (technically a ppt-panel). I inherit all base behaviors.

Try toggling my interactive state or dragging my bottom right corner to resize me.

View Source Code 
<ppt-panel panel-align="inline" ratio="100%" interactive="true" resizable="true">
  <h3 style="margin-top: 0;">Generic Base Implementation</h3>
  <p>I am a generic PPT component (technically a ppt-panel). I inherit all base behaviors.</p>
  <p>Try toggling my interactive state or dragging my bottom right corner to resize me.</p>
</ppt-panel>

Title

A lightweight, dedicated component for rendering semantic titles. It automatically scales and supports dynamic text.

Parameters

Hello World!
View Source Code 
<ppt-title resizable="true">Hello World!</ppt-title>

Panel

A dedicated component for holding textual content. It manages its own alignment and size ratio within a layout. Below we show two panels to demonstrate how they share space.

Parameters (Primary Panel)

I am the primary editable panel.
I am a responsive sibling element. When the primary panel floats, I will expand to fill all remaining space!
View Source Code 
<ppt-panel panel-align="right" ratio="50%" resizable="true">
  <span>I am the primary editable panel.</span>
</ppt-panel>