One object, its parts, the thing that assembles them — stepped by hand.
OPERATE THE FORM ↓A STUDY IN DECOMPOSITION
Take an argument apart, then inspect what those parts can assemble. You control the pace.
One argument.
Notice the material.
Name the uncertainty.
Inspect the support.
State what follows.
Its internal structure is not yet disclosed.
Whole → parts → result. Nothing new is conjured at the end; the composition is made from the parts you inspected.
AN ARGUMENT — DECOMPOSED
one argument
A thing worth saying, before it is organised.
01 / 03 — one argument
one argument decomposes into OBSERVE, CLAIM, TEST, CONCEDE — which the record assembles into an argument a reader can audit.
02 / THE DECISION
YOU ARE SHOWING WHAT SOMETHING IS MADE OF
Taking one thing apart, step by step.
Does the reader control the pace? If the explanation should carry them, it is Unfolding.
EXPLORE THE SELECTION GRAMMAR ↗The Decomposition form is a HAUSE instrument — one object, its parts, the thing that assembles them — stepped by hand. Three states: the whole, the parts laid out, and the result the parts make. The reader advances it, so the pace of the argument belongs to them — which is the difference between this and Unfolding, its cinematic sibling, which takes identical props and performs itself.
THE LIBRARY’S OWN ACCOUNT
components/forms/Decomposition.tsx
Three states: the whole, the parts laid out, and the result the parts make. The reader advances it, so the pace of the argument belongs to them — which is the difference between this and Unfolding, its cinematic sibling, which takes identical props and performs itself.
Identical props are deliberate: the same content can be an instrument on a page a reader is studying and a performance on a page they are being carried through, and the decision is the chapter's, not the content's.
An instrument: the reader operates it, and the text fallback carries the point when the interaction is gone.
Every instrument carries an always-present text fallback, so the point survives with the interaction removed — for reduced motion, for no-JS, for a crawler, and for anyone in a hurry. ARIA state is part of the form, because an agent browser reads aria-pressed and aria-expanded to understand what it is looking at.
The opening study is an authored demonstration, not an additional component API. Expand the library specimen above to inspect the reusable form. Its props below come directly from the source.
REACT · Decomposition
import { Decomposition } from "@chrishayuk/hause/components/forms/Decomposition";
type Part = { label: string; detail: string };
export type DecompositionProps = {
kicker: string;
source: Part;
parts: Part[];
result: Part;
};
export function Decomposition({ kicker, source, parts, result }: DecompositionProps)The import and the complete props contract. For installation and composition, follow the Build guide.
NOT INVENTED IN ISOLATION
Used in vindex3.org and hause.design. These exhibitions share an author; this is evidence of reuse, not independent adoption.
PUBLISHED 31 AUG 2026 · REVISED 9 SEP 2026 · VERSION 0.1.0
CITEsource components/forms/Decomposition.tsx · site build 3ee5339 · built 2026-09-09
CITE THIS
Web page · 0.1.0
Hay, C. (2026). Decomposition — a HAUSE instrument. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/decomposition
The specimen, the source account and the props share one form record. Cite this page or follow its source identifier to inspect the implementation.