Input, Textarea, and InputNumber share the same design tokens and state styles. The variants below cover every combination of size, validation status, and mode that consumers can pass.
Three size variants. Default mode (no shadow), no status.
Each status drives both the input box-shadow and the message icon/text color.
Elevated variant. Same status logic, different base shadow.
Disabled state in both modes uses a tinted gradient background.
Slot any content. Padding adjusts automatically based on prefix/suffix width.
10
C
10
Sizes affect padding only; height comes from rows.
autoResize grows up to maxRows, then scrolls. Manual resize is for fixed-height textareas.
Same size scale as Input, with built-in increment/decrement handlers on the right.
Suffix is automatically offset to the left of the increment/decrement handlers.
C
10
Round-trip the displayed value through a formatter (display) and parser (raw).