DOM Studio

Dev

Developer UI

Developer-facing components for code, payloads, diagnostics, and implementation documentation.

Overview

Developer presentation components

Dev components are useful inside documentation, admin tools, diagnostics, generated-code previews, and AI-assisted builder surfaces. They are data-aware in the ordinary JavaScript sense, but they do not define backend API contracts.

Use this section for presentational utilities that help developers inspect or copy implementation details. Use the Data section when a component owns a resource workflow such as server pagination, folder loading, uploads, or mutations.

Boundaries

What belongs here

Use this section for developer-facing presentation primitives rather than server API workflows.

Keep payload viewers, code displays, diagnostics, and implementation docs transport-free.

Prefer the data section for components whose primary contract is loading, mutating, or paginating backend resources.

Components

Developer utilities

Code block

Reference

Renders examples, snippets, generated source, and implementation notes with syntax highlighting.

JSON viewer

Reference

Inspects parsed values or raw JSON payloads with a collapsible tree, highlighted source view, and copy support.