Primitive

Input

Short text, numeric, contact and machine identifier entry.

System role

Tier-0 design-system foundation used by dynamic projections.

Variants
6
Theme
70 / 20 / 10

Rendered component states

Every documented variant

RESPONSIVE · REDUCED MOTION SAFE
01

default

Input
defaultAPPLIED RECIPE
Contract validation and help appear here.
standard densitybordered surfaceneutral tone

Use

default is selected by contract metadata, responsive context or explicit recipe configuration for Input.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

02

focus

Input
focusAPPLIED RECIPE
Contract validation and help appear here.
standard densitybordered surfaceneutral tone

Use

focus is selected by contract metadata, responsive context or explicit recipe configuration for Input.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

03

filled

Input
filledAPPLIED RECIPE
Contract validation and help appear here.
standard densitybordered surfaceneutral tone

Use

filled is selected by contract metadata, responsive context or explicit recipe configuration for Input.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

04

error

Input
errorATTENTION
Check this value and try again.
standard densitybordered surfacedanger tone

Use

error is selected by contract metadata, responsive context or explicit recipe configuration for Input.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

05

disabled

Input
disabledNON-INTERACTIVE
This field is unavailable in the current state.
standard densitybordered surfaceneutral tone

Use

disabled is selected by contract metadata, responsive context or explicit recipe configuration for Input.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

06

read-only

Input
read-onlyNON-INTERACTIVE
Read-only value from the published contract.
standard densitybordered surfaceneutral tone

Use

read-only is selected by contract metadata, responsive context or explicit recipe configuration for Input.

Motion

Static by default; local state changes use a short 240ms opacity/transform transition when helpful.

Accessibility

Meaning remains in text, focus order and semantic state; never colour or motion alone.

Previous← TooltipNextTextarea →