HAUSE

Citation

The reference itself, in the formats people paste — plain, BibTeX, APA, CSL-JSON, all from one record.

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

A STUDY IN CITATION

One record. More than one destination.

Take the site's actual publication record into a reference manager. Change the representation without rewriting the facts.

The facts stay.
The format changes.

CITE THIS

Software · 0.1.0

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

The site's actual publication record, exported by the library's own formatters.

The real Citation component produces the formats from HAUSE_RECORD. The source record—not hand-written example strings—controls the output.

INSPECT THE REUSABLE LIBRARY COMPONENT

CITE THIS SPECIMEN — AND THIS SITE

Software · 0.1.0

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

02 / THE DECISION

An act.
Not a container.

YOU ARE SHOWING WHAT HOLDS IT UP

Letting someone cite you.

Is this a published object — something a reader could reference in their own work?

EXPLORE THE SELECTION GRAMMAR ↗
WHEN THE ACT CHANGES

Provenance

Use Provenance instead when you are showing the record behind the work rather than the reference to it.

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

The Citation form is a HAUSE instrument — the reference itself, in the formats people paste — plain, BibTeX, APA, CSL-JSON, all from one record. An instrument with the plainest possible resting state: the reference itself, rendered as text, selected by default and therefore present in the served HTML. The tabs switch it to BibTeX, APA or CSL-JSON — three formats rather than six, because CSL-JSON is what every reference manager turns into the other three hundred.

origin — vindex3 · citing the specification · 2026-08-31

THE LIBRARY’S OWN ACCOUNT

Behind the form.

components/forms/Citation.tsx

An instrument with the plainest possible resting state: the reference itself, rendered as text, selected by default and therefore present in the served HTML. The tabs switch it to BibTeX, APA or CSL-JSON — three formats rather than six, because CSL-JSON is what every reference manager turns into the other three hundred.

Every string here is produced by cite.ts from one record, so the reference on the page, the tags in the head and the JSON-LD in the graph cannot disagree about who wrote what, or when.

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

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

export type CitationProps = {
	record: CitationRecord;
	/** Anchor — Provenance's CITE link points here. Defaults to "cite". */
	id?: string;
	kicker?: string;
	/** One sentence of context: what exactly is being cited. */
	note?: string;
};

export function Citation({ record, id = "cite", kicker = "CITE THIS", note }: CitationProps)

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

NOT INVENTED IN ISOLATION

A page needed this.

2026-08-31 · Entered the library from vindex3 · citing the specification.

Used in hause.design. These exhibitions share an author; this is evidence of reuse, not independent adoption.

04 / THE PROBLEMNOTHING TO CITE ↗The idea was published. Months later there is a page that has quietly changed, an updated timestamp where a publication date should be, and no version anyone can point at.

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

CITE

source components/forms/Citation.tsx · origin vindex3 · citing the specification · 2026-08-31 · site build 3ee5339 · built 2026-09-09

CITE THIS

Web page · 0.1.0

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

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