json-render/packages/devtools-svelte

@json-render/devtools-svelte

Svelte adapter for the json-render devtools. Drop-in <JsonRenderDevtools /> component.

Installation

npm install @json-render/devtools @json-render/devtools-svelte

Peer dep: svelte@^5.

Usage

<script>
  import { JsonRenderDevtools } from "@json-render/devtools-svelte";
</script>

<JSONUIProvider {registry}>
  <Renderer {spec} {registry} />
  <JsonRenderDevtools {spec} {catalog} {messages} />
</JSONUIProvider>

• Floating toggle appears bottom-right.
• Hotkey: Ctrl/Cmd + Shift + J.
• Tree-shakes to nothing in production builds.

See the devtools docs for the full prop reference and panel tour.

License

Apache-2.0