DOCUMENTATION

Selection toolbar

Last updated May 2026
Editor
All plans

The selection toolbar is a floating panel that appears whenever you select text or enter block selection mode. It gives you quick access to inline formatting, colors, typography, block conversion, animations, and AI — all without leaving the document.

When it appears

Select text
Click and drag to select text inside any block. The toolbar appears above the selection.
Block selection mode
Press Ctrl+A twice to enter block selection mode, or use the block drag handles to select multiple blocks. The toolbar appears above the topmost selected block.
Non-text block focus
Clicking a non-text block (image, embed, database) that dispatches a focus event also triggers the toolbar.
Selection toolbar — text selected
1 text
B
I
U
S
</>
Colors

The quick brown fox jumps over the lazy dog.

Inline formatting

The top row of the toolbar shows the context badge (how many blocks or text selections are active) and inline formatting buttons. In text selection mode, all six are available. In multi-block selection mode, bold, italic, underline, and strikethrough are available; inline code and link are hidden.

Bold (⌘B)
Toggles bold on the selection. In multi-block mode, applies to all selected text across all blocks.
Italic (⌘I)
Toggles italic.
Underline (⌘U)
Toggles underline.
Strikethrough
Toggles strikethrough.
Inline code
Wraps the selection in an inline code span. Single block only.
Link
Opens an inline URL input below the toolbar row. Type or paste a URL and press Enter or click Apply. Single block only.

Tool strip

Below the formatting row is the tool strip — four dropdown buttons that open expandable panels below the toolbar.

Colors

Three tabs — Text, Highlight, Background — each showing a grid of color swatches plus a custom color picker (+ button). Picking a color from Text or Highlight applies it to the selected text inline. Background sets the block-level background color for all selected blocks.

Typography

Four sections accessible from the Type panel:

Alignment
Left, center, right, or justify. Applied to all selected blocks via setTextAlign.
Font family
A quick-pick strip of 10 fonts — Inter, Plus Jakarta Sans, Outfit, Playfair Display, Lora, EB Garamond, Syne, JetBrains Mono, Mono, System. Scrolls horizontally. For the full 120+ font library use the Typography picker in the document toolbar.
Font size
11 named size presets (XS through 7XL) plus a custom pixel input field. Applied to the selected blocks via the applyBlockTypography event.
Line height
Four presets: Tight, Normal, Relaxed, Loose.

Turn into

Converts selected blocks to a different block type. A 2-column grid shows all convertible types: Paragraph, Heading 1–3, Bulleted list, Numbered list, To-do, Quote, Callout, Code block, Toggle, Equation, Divider. Selecting any type fires aconvertSelectedBlocks event that the block editor handles.

Animate

Opens the AnimationPicker for the selected blocks. Choose an entrance animation (fade, slide, scale, blur, flip, parallax, tilt, rotate) and configure parameters. A one-shot preview plays on the selected blocks immediately so you can see the effect before committing. Animations fire when the block scrolls into view on the published page.

AI

Opens a mini AI panel with six quick-action chips and a custom prompt input. Submitting a prompt opens the inline AI system with that prompt pre-filled, scoped to the selected content.

Improve writing
Rewrites the selection with better clarity, grammar, and flow.
Make shorter
Condenses the selection, keeping key ideas.
Expand
Develops the selection into a fuller version.
Fix grammar
Fixes grammar and spelling errors.
Simplify
Rewrites in simpler, plainer language.
Make formal
Rewrites in a professional tone.
ℹ
The toolbar adapts to context. When 2+ blocks are selected, the context badge reads "N blocks" and some single-block-only controls (inline code, link) are hidden. When a single non-text block is focused, the badge reads "1 block".
← PreviousPage Settings