Skip to content

Storybook

Run Storybook locally from the repository root:

Terminal window
npm run storybook

The published Storybook lives beside the docs site:

https://inkyquill.github.io/galley-editor/storybook/

Use it to inspect editor modes, toolbar slots, command behavior, upload flows, image controls, and styling variants. The docs explain the API; Storybook is the fastest way to check how a behavior feels in the browser.

Storybook stories should mirror documented use cases. When adding a story that demonstrates a public integration pattern, update the matching guide first or in the same change.

Storybook use caseText docs
Default editor, controlled value, read-only, placeholder, autosize, fill containerQuick Start and API Reference
Built-in toolbar, custom toolbar icons, toolbar/footer slots, custom app toolbarCustomization and Commands
Visual table editing and rendered table block iconsPlugins and Renderers
Image rendering, missing images, image controls, metadata, resize actions, source revealPlugins and Renderers
Paste/drop uploads, inline placeholders, locked overlays, slow upload progressFile Uploads
Dark mode, CSS variables, Tailwind token mapping, theme selector, frosted surfacesCustomization
Event handlers, selection tracking, paste handling, runtime extensions, error boundariesAPI Reference
Disabled plugins, custom class names, custom plugins, custom extensionsPlugins and Renderers

For repeatable mouse/keyboard checks and exact whitespace/event diagnostics, use the interaction bench.