Storybook
Run Storybook locally from the repository root:
npm run storybookThe 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.
Docs Coverage
Section titled “Docs Coverage”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 case | Text docs |
|---|---|
| Default editor, controlled value, read-only, placeholder, autosize, fill container | Quick Start and API Reference |
| Built-in toolbar, custom toolbar icons, toolbar/footer slots, custom app toolbar | Customization and Commands |
| Visual table editing and rendered table block icons | Plugins and Renderers |
| Image rendering, missing images, image controls, metadata, resize actions, source reveal | Plugins and Renderers |
| Paste/drop uploads, inline placeholders, locked overlays, slow upload progress | File Uploads |
| Dark mode, CSS variables, Tailwind token mapping, theme selector, frosted surfaces | Customization |
| Event handlers, selection tracking, paste handling, runtime extensions, error boundaries | API Reference |
| Disabled plugins, custom class names, custom plugins, custom extensions | Plugins and Renderers |
For repeatable mouse/keyboard checks and exact whitespace/event diagnostics, use the interaction bench.