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. The Video block stays in the insert menu on every plan — on the free plan it appears locked with an Upgrade path instead of disappearing. Starter and Creator can upload MP4, WebM, or MOV (up to 200 MB). AI video generation (Wan 3.0 clips from the picker) is available on the Professional plan and above — separate from Quasar Max chat and images, and metered in org AI credits. 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.
Self-hosted Video blocks (not YouTube) also offer a cover image picker in customize — choose a still frame from the library after you pick the clip. Published pages and the editor canvas show the cover with a play button until the viewer starts playback. Covers are ignored when autoplay is on.
MasonryGrid and BlockGroup videos
MasonryGrid and BlockGroup → Media slots share the same image-and-video picker as standalone Media blocks. When a slot holds a hosted video:
The published page shows player controls — the clip does not autoplay or loop muted on load; the visitor starts playback.
Pick a cover image next to alt text and remove once a video is selected. Visitors see the cover with a play button until they click; playback then opens the clip with controls.
In MasonryGrid, the aspect ratio dropdown includes 9 / 16 for portrait reels alongside square, landscape, and classic photo ratios.
Images in a grid still open the lightbox on click; videos stay inline with controls instead of enlarge-on-click.
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.
