Collapsible

An expandable section component. The component itself uses tray fill on white canvas (Mode A).

Basic Collapsible

A simple collapsible with tray styling. The component surface is the tray fill color.

With Button Trigger

Collapsible with a custom header containing icon and toggle button.

User Preferences

Default Open

A collapsible that starts expanded, useful for highlighting important content.

Auto-save

Automatically save your work

On

Sync frequency

How often to sync with cloud

5 minutes

Cache size

Maximum local storage

500 MB

Multiple Sections

Multiple independent collapsibles stacked together.

Inverted Canvas

Mode B: Tinted canvas with white collapsible surfaces.

Use a tinted section as the local canvas, and flip primary surfaces to white for clarity. Keep the layering calm: canvas → surface → capsule.

Help Center Block

A realistic FAQ section directly on the white canvas.

Help Center
Quick answers for common questions