Example Controls Shell

Hybrid docs shell for a live specimen beside persistent controls and explanation.

LLM handoff

Copy a concise page brief or the full MDX source without digging through the docs shell.

Docs / Example

Preview beside controls

Useful when docs need a specimen and a persistent explanation rail.

Live specimen area

Control groups, specimen notes, and example state guidance can all live in one authored shell.

ExampleControlsShell is useful when a docs page needs a live example and a persistent control rail in one authored composition.

Install

Purchase access, then open /account/install to issue a registry token.

import { ExampleControlsShell } from "@/registry/swiss/blocks/example-controls-shell"

Hybrid docs pages often need a live specimen and a persistent control or explanation rail. This shell formalizes that relationship.

Use it for:

Prop	Type	Required	Notes
`preview`	`ReactNode`	yes	Main specimen or live example area.
`controls`	`ReactNode`	yes	Right-side control group or notes rail.
`header`	`ReactNode`	no	Introductory heading or route header.
`footer`	`ReactNode`	no	Supporting guidance below the shell.