Editor.Properties

The document-properties bar at the top - name, page size, orientation. Three composable sub-primitives.

Editor.Properties is the document-properties bar. Document name, page size dropdown, orientation toggle - all wired to the editor context.

Usage

<Editor.Root>
    <Editor.Properties />
</Editor.Root>

Composition

The default mount renders all three sub-primitives in a row. Use them individually for custom layouts:

<Editor.Properties>
    <Editor.DocumentName />
    <Editor.PageSizeSelect />
    <Editor.OrientationSelect />
</Editor.Properties>

Each sub-primitive is also exported individually and can be dropped anywhere underneath Editor.Root.

Examples

Just the name

<Editor.DocumentName />

Custom page-size set

PageSizeSelect accepts a sizes prop to filter the options surface. Useful when your product targets a specific format (e.g. US letter sizes only).

<Editor.PageSizeSelect sizes={['LETTER', 'LEGAL', 'TABLOID']} />

API Reference

Prop	Type	Default	Description
children	ReactNode	-	Optional children. When provided, the properties bar renders an empty shell with the children inside. When omitted, falls back to the bundled default layout (document name + page size + orientation, plus a mobile settings sheet).