A STUDY IN CONNECTION
A chapter should end with a door.
The argument does not stop at the edge of the page. Choose the question you want to follow.
These are real routes. Each door names the idea on the other side instead of simply saying “next”.
Connection
A bridge out of the chapter: one sentence, then the doors.
MEET THE FORM ↓01 / THE ENCOUNTERA STATEMENT — THE READER READS
INSPECT THE REUSABLE LIBRARY COMPONENT
When the reader should operate instead of read, the book continues.
02 / THE DECISION
An act.
Not a container.
YOU ARE MOVING THE READER ON
Ending the chapter and opening the next.
Does the sentence raise the next chapter's question rather than summarise this one?
EXPLORE THE SELECTION GRAMMAR ↗What is the Connection form in HAUSE, and when do you use it?
The Connection form is a HAUSE statement — a bridge out of the chapter: one sentence, then the doors. The last form in a chapter. The sentence says what the next idea is and why it follows; the doors are links that name where they go rather than saying "next". A chapter that ends without one leaves the reader at a wall.
THE LIBRARY’S OWN ACCOUNT
Behind the form.
components/forms/Connection.tsx
The last form in a chapter. The sentence says what the next idea is and why it follows; the doors are links that name where they go rather than saying "next". A chapter that ends without one leaves the reader at a wall.
The sentence should raise the next chapter's question, not summarise this one — a summary is a door that opens onto the room you are already standing in.
A statement: the reader reads.
THE STATEMENT’S DISCIPLINE
Every statement is prose in the three voices — editorial for claims, system for explanation, evidence for measurement. Server-renderable, no interaction: the reader reads, and nothing about the form depends on JavaScript arriving.
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 · Connection
import { Connection } from "@chrishayuk/hause/components/forms/Connection";
export function Connection({ text, links }: { text: string; links: { href: string; label: string }[] })The import and the complete props contract. For installation and composition, follow the Build guide.
NOT INVENTED IN ISOLATION
A page needed this.
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/Connection.tsx · site build 3ee5339 · built 2026-09-09
CITE THIS
Web page · 0.1.0
Hay, C. (2026). Connection — a HAUSE statement. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/connection
The specimen, the source account and the props share one form record. Cite this page or follow its source identifier to inspect the implementation.