Input
Inputs allow users to enter data as text
<Input placeholder="email@example.com" />States
In addition to visual feedback when hovered, focused, and activated, Inputs provide visual feedback when in a disabled or invalid state. When used inside of a <Form />, Inputs automatically manage their validity states upoon form submission.
<Input defaultValue="Normal" />
<Input defaultValue="Invalid" invalid />
<Input defaultValue="Disabled" disabled />Size
The size property changes an input's dimensions, padding, and font size.
<Input size="small" defaultValue="Small" />
<Input size="medium" defaultValue="Medium" />
<Input size="large" defaultValue="Large" />