Skip to main content
Version: Next

Live Examples

Live URLs​

Live Examples

Runnable live examples for Editora editor and ecosystem packages using local Storybook embeds.

Prerequisite​

Start Storybook before opening these demos:

npm run storybook

Expected URL: http://localhost:6006

1. Editor (Web Component) - Basic​

Direct link: http://localhost:6006/?path=/story/editor-rich-text-editor-web-component--basic

2. Editor - Multiple Instances​

Direct link: http://localhost:6006/?path=/story/editor-rich-text-editor-web-component--multiple-editors

3. Editor - Theme Switcher​

Direct link: http://localhost:6006/?path=/story/editor-rich-text-editor-web-component--test-7-theme-switcher-editor-only

4. Light Code Editor​

Direct link: http://localhost:6006/?path=/story/ui-components-light-code-editor--feature-showcase

5. Toast Package​

Direct link: http://localhost:6006/?path=/story/ui-components-toast-notifications--toast-showcase

6. Icons Catalog​

Direct link: http://localhost:6006/?path=/story/ui-icons-catalog--all-icons

7. UI React / UI Core Components​

Data Table​

Direct link: http://localhost:6006/?path=/story/ui-datatable--users-table

Dialog​

Direct link: http://localhost:6006/?path=/story/ui-dialog--default

If embeds do not load​

  • Open each direct link above in a new tab.
  • Confirm Storybook is running on 6006.
  • If your Storybook uses another port, replace 6006 in all iframe URLs.
  • Capability checklist: /docs/examples/capabilities-playground
  • React editor reference: /docs/editor/react
  • Web component editor reference: /docs/editor/web-component