Toggle Sidebar B
AppearanceLight & dark mode D

Folder

Interactive folder opens to reveal nested content smooth motion.

Default

Click the folder to open it, then hover a paper. Color and size are wired to the controls underneath.

Light previewReplay previewOpen in new tab

Customize

Color
Size2

API Reference

Folder

PropTypeDefaultDescription
colorstring"#5227FF"The primary color of the folder.
sizenumber1Scale factor for the folder size.

Folder slots

PropTypeDefaultDescription
paper-1, paper-2, paper-3slot-Content rendered on each of the up to 3 papers in the folder.

Accessibility

Keyboard shortcuts and ARIA behavior.

Shortcut Description
Enter + SpaceOpens or closes the folder.
  • The folder is a button with aria-expanded that reflects its state.
Flying PostersForm