In Visual mode, click a block to select it. Use the toolbar or keyboard shortcuts to move, duplicate, or delete. Structured components edit through the Components customize panel.
Visual editing flow
Open a page in Visual mode.
Click a block to select it — handles show for reorder and actions.
Edit inline text where supported (headings, paragraphs).
Open Components customize for props (buttons, images, links).
Long copy fields — headlines, descriptions, questions, alt text, and similar prose — use auto-growing textareas in the customize panel. They start at one line and expand as you type, so you can read full sentences without horizontal scrolling in the inspector.
Components panel search
Opening search in the Components tab switches the category filter to all, so results span every catalog entry. The panel header reserves space for the expanded search field so the list does not jump when you type.
Customize overrides
Structured components expose schema props through the customize panel:
Add override — pick a prop from the dropdown; the menu closes after you select one.
Boolean props — adding a boolean override writes the opposite of its schema default immediately, because you only add it when you intend to flip the value.
Toggles — boolean fields flip from the effective value (default or override), not a stale stored value.
Reorder blocks
Drag the block handle, or
⌘↑ / ⌘↓ to move up/down (see shortcuts)
Order in Visual mode matches MDX source order.
Delete, copy, cut, paste
With a block selected:
Delete — Backspace or delete shortcut
⌘C / ⌘X / ⌘V — copy, cut, paste blocks
⌘D — duplicate in place
Links
Link fields in customize panels support internal pages (picker) or external URLs. Empty link removes navigation.
Media
Image and video fields open the media picker — one dialog for library assets, uploads, and AI generation. Filter by source (org library or a site), type (images or videos), and folder. Organize assets into nestable folders with drag-and-drop; folder changes never alter public URLs already embedded in pages.
Set alt text on images for accessibility; use Change with AI where offered for generative swaps. Video fields accept uploads when your plan includes AI video; in-flight generations appear as pending tiles until ready.
Video and YouTube blocks expose a breakout toggle in customize — widen the player beyond the body column when enabled. Images already supported breakout; video variants now match.
Blocks without a customize UI
Some catalog entries are MDX-only — edit them in Source mode or ask Quasar. The customize panel shows a not-available message for those types.
Broken blocks
Invalid component names or props may render as broken blocks in preview. Publishing can be blocked until fixed — the publish menu lists affected pages.
Fix in Source mode or revert via version history / AI revert.
Hero, Collection, Email signup
High-value blocks worth learning:
Hero — headline, buttons, badge, background media
Collection — auto-list pages from a folder
Email signup — connects to Audience when configured
Each exposes a dedicated customize form under Components.
