Skip to main content
Version: Next

Live Examples

Live URLs

Live Examples

Runnable live examples for Editora editor and ecosystem packages using the hosted Storybook.

Storybook Host

Primary URL: https://editora-ecosystem-storybook.netlify.app

1. Editor (Web Component) - Basic

Direct link: https://editora-ecosystem-storybook.netlify.app/?path=/story/editor-rich-text-editor-web-component--basic

2. Editor - Multiple Instances

Direct link: https://editora-ecosystem-storybook.netlify.app/?path=/story/editor-rich-text-editor-web-component--multiple-editors

3. Editor - Theme Switcher

Direct link: https://editora-ecosystem-storybook.netlify.app/?path=/story/editor-rich-text-editor-web-component--test-7-theme-switcher-editor-only

4. Light Code Editor

Direct link: https://editora-ecosystem-storybook.netlify.app/?path=/story/ui-components-light-code-editor--feature-showcase

5. Toast Package

Direct link: https://editora-ecosystem-storybook.netlify.app/?path=/story/ui-components-toast-notifications--toast-showcase

6. Icons Catalog

Direct link: https://editora-ecosystem-storybook.netlify.app/?path=/story/ui-icons-catalog--all-icons

7. UI React / UI Core Components

Data Table

Direct link: https://editora-ecosystem-storybook.netlify.app/?path=/story/ui-datatable--users-table

Dialog

Direct link: https://editora-ecosystem-storybook.netlify.app/?path=/story/ui-dialog--default

8. Advanced App Showcase

The repository also includes a full advanced application example built with @editora/ui-react:

Run it locally when you want to evaluate components inside a realistic admin workflow instead of isolated Storybook stories.

cd examples/hospital-management
npm install
npm run dev

Local app URL:

http://127.0.0.1:4180/

If embeds do not load

  • Open each direct link above in a new tab.
  • Confirm https://editora-ecosystem-storybook.netlify.app/ is reachable from your network.
  • If needed, run Storybook locally and replace the host with your local URL.
  • Capability checklist: /docs/examples/capabilities-playground
  • Hospital showcase: /docs/examples/hospital-management-showcase
  • React editor reference: /docs/editor/react
  • Web component editor reference: /docs/editor/web-component