HAUSE

Ladder

A gated progression — rungs climbed in order, each closed only by its own criterion.

OPERATE THE FORM ↓
01 / THE ENCOUNTERAN INSTRUMENT — THE READER OPERATES

A STUDY IN LADDER

You cannot skip the gate.

A fictional publication moves from draft to checked to released. Inspect the condition attached to each rung.

01 / PASSEDDraft

A complete argument is present.

The illustrative draft has a beginning, supporting material and an ending.

02 / BUILDINGChecked

Every testable assertion has been checked against its source.

A draft cannot be promoted merely because its typography is finished.

03 / OPENReleased

The check is complete and the publication record identifies the release.

This gate remains open until the preceding condition is satisfied.

The rungs are a local demonstration of criteria—not a claim about the release status of HAUSE.

INSPECT THE REUSABLE LIBRARY COMPONENT

A FORM'S WAY INTO THE LIBRARY — FOUR RUNGS, THE THIRD DOING THE WORK

No rung is skipped. A form that arrives without a page behind it is a Card wearing a costume — and one that arrives without a second exhibition behind it is a claim about the author's imagination rather than about the form.

discovered (passed) → built (passed) → reused (building) → promoted (passed) — each rung closed only by its own gate, in order.

02 / THE DECISION

An act.
Not a container.

YOU ARE DECLINING, OR LEAVING IT OPEN

Showing what has to be true before the next step.

Is each rung closed by its own criterion, in order, with no rung skippable?

EXPLORE THE SELECTION GRAMMAR ↗
WHEN THE ACT CHANGES

Timeline

Use Timeline instead when you are recording what happened rather than governing what may happen next.

What is the Ladder form in HAUSE, and when do you use it?

The Ladder form is a HAUSE instrument — a gated progression — rungs climbed in order, each closed only by its own criterion. Statuses are optional: with them the ladder is a live status instrument; without them it is a reference (a maturity scale, ordered levels).

origin — vindex3

THE LIBRARY’S OWN ACCOUNT

Behind the form.

components/forms/Ladder.tsx

Statuses are optional: with them the ladder is a live status instrument; without them it is a reference (a maturity scale, ordered levels).

Passed rungs are solid, open rungs hollow, the rung being built is accent. A rung with a gate or detail expands on selection to show the criterion verbatim. Everything is in the DOM at all times — the expansion is disclosure, not content gating.

THE INSTRUMENT’S DISCIPLINE

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.

03 / MAKE SOMETHINGINSTALL HAUSE ↗

Give it your subject.

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 · Ladder

import { Ladder } from "@chrishayuk/hause/components/forms/Ladder";

export type Rung = {
	id: string;
	question?: string;
	gate?: string;
	status?: "PASSED" | "OPEN" | "BUILDING" | "DISPROVED";
	detail?: string;
};

export type LadderProps = {
	kicker: string;
	rungs: Rung[];
	caption?: string;
};

export function Ladder({ kicker, rungs, caption }: LadderProps)

The import and the complete props contract. For installation and composition, follow the Build guide.

NOT INVENTED IN ISOLATION

A page needed this.

Entered the library from vindex3.

PUBLISHED 31 AUG 2026 · REVISED 9 SEP 2026 · VERSION 0.1.0

CITE

source components/forms/Ladder.tsx · origin vindex3 · site build 3ee5339 · built 2026-09-09

CITE THIS

Web page · 0.1.0

Hay, C. (2026). Ladder — a HAUSE instrument. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/ladder

The specimen, the source account and the props share one form record. Cite this page or follow its source identifier to inspect the implementation.