JSON Tree

JSONTree renders any JSON-serialisable value as a collapsible indented tree.

Beta

Ready to use, but its API may still change before it is marked stable.

Usage

import { JSONTree } from "@qeetrix/ui";

It can also be imported on its own from @qeetrix/ui/components/json-tree.

hover · focus-visible · expanded

Follows the WAI-ARIA treeview pattern. Not yet audited.

Tab ArrowUp ArrowDown ArrowLeft ArrowRight Home End

One Tab stop for the group; arrow keys move between items (roving tab stop).

Covered by unit, accessibility (axe), interaction and visual tests.