hb-json-viewer

Description

Renders JSON as an expandable, syntax-colored tree. Accepts a parsed object or a JSON string and supports initial expand modes (open, closed, or first level only).

Styling (Bulma)

The shadow root loads Bulma 1.x theme tokens on :host only (no Bulma layout classes on the tree). Override --bulma-* from the light DOM for consistency with the app. Tree colors remain the --jn-* variables documented in extra/docs.ts.

Types

export type Component = {
  id?: string;
  json: any;
  status?: "open" | "closed" | "first";
};

export type Events = {
};