Skip to content
Current location Patterns Forms pattern

TCRN Design System Contract Stories

Patterns

Forms pattern

Form composition rules for labels, hints, invalid states, and action spacing.

Label and hint

Every input has a persistent label. Hints and errors remain in the DOM and are wired into the control.

Actions

Primary and secondary actions sit in a wrapped row with a minimum gap; zero-spacing joins are rejected.

Workbench patterns

Work index, filters, detail inspection, and evidence strips.

local fixtureno product import
Work itemStateOwner
Synthetic rowProof requiredrole-placeholder
Blocked sampleBlockedreview-placeholder

Selected fixture

Scope
Design-system local scaffold
Claim
Product adoption not claimed
local proofsynthetic examplesno raw evidence

Readiness and notification pattern

Fail-closed readiness surfaces and copy-state notifications without external readiness claims.

Proof-dependent surfaces must describe the missing proof instead of implying readiness.

Not configured

No product or external integration is configured.

Unknown

State is unknown or unsupported and is displayed fail-closed.

Unavailable

The action or evidence path is unavailable in this route.

Selection and list patterns

Choosing between select, search list, multi-select, and large list behaviors.

PatternBaselineEscalation
Selection controlsSelect for short stable optionsSearch list for large or remote sets
Large or remote option sets need search, loading, empty, and keyboard states.

Datagrid field patterns

Rules for editable grid cells, field labels, and detail-panel escalation.

PatternBaselineEscalation
Datagrid fieldsEditable cells keep persistent labelsComplex edits move to detail panels
persistent labelscell focusdetail panel escape

Big list search patterns

Filtering, selection, loading, empty state, and keyboard rules for large lists.

PatternBaselineEscalation
Big listsFilter first, then selectVirtualized lists need keyboard proof

No filter applied

No product or external integration is configured.

Remote count unknown

State is unknown or unsupported and is displayed fail-closed.

Dashboard and page templates

Desktop, mobile, and dashboard page templates for status-first product surfaces.

PatternBaselineEscalation
DashboardsShow status before decorationEvidence links stay separate from readiness claims

Template boundary

Templates describe layout and interaction rules only; product data truth remains owned by consumer routes.