@base-ui/react/input•Actions & Inputs
Input Interactive Canvas
Proportional single-line text and file field supporting default, outline, and ghost variants, 4 size tiers aligned with Button, bi-directional password toggling, and customizable file input labels.
Canvas
Props Controls
10 props'default' | 'outline' | 'ghost'
'xs' | 'sm' | 'default' | 'lg'
'text' | 'email' | 'password' | 'number' | 'search' | 'file'
boolean
Enabled
ReactNode
ReactNode
string | ((count: number, files: File[]) => ReactNode)
boolean
Enabled
string
boolean
Disabled