Panes & meta

A .pane is the white content card that most CP screens are built from. A .meta pane is the stacked settings sidebar you see on entry edit screens — each row a bordered field.

Pane

Primary content container. Standard 24px (--xl) padding, hairline border, 5px radius.

Author

Brad Bell

Post Date

Jul 14, 2026

Status

Live

<div class="pane"> … your content … </div>

<div class="meta">
  {{ forms.textField({ label: "Author", … }) }}
  {{ forms.dateField({ label: "Post Date", … }) }}
</div>