Editor panel
Demo
Settings holds the demo's identity and canvas — its title, share slug, thumbnail, tags, and the aspect ratio and resolution the demo renders at. These are the demo-level details that surface in listings, share links, and embeds.
Rows
- Title
- The demo's name, shown in your dashboard, share pages, and the browser title.
- Slug
- The URL slug used in the demo's share link.
- Thumbnail (Upload / Clear thumbnail)
- The preview image shown for the demo in listings and link previews; upload one or clear it to auto-generate.
- Tags
- Labels for organizing and filtering demos in your workspace.
- Resolution — Aspect ratio / Stage ratio / Layout (W × H)
- The canvas shape and size the demo renders at in the player.
- Sidebar / More
- Additional demo-level options grouped under the panel's More section.
Tips
- A clear title and a custom thumbnail make a shared link far more clickable.
- Pick the aspect ratio to match where the demo will live — wide for a landing page, tall for a phone-shaped app.
- Brand colors, fonts, and the player frame are set in the Design and Browser panels, not here.