Input

Forms

A styled text field that accepts user input for forms, search, or data entry workflows.

Loading component...

Run the following command to add this component to your project:

$pnpm dlx static-ui add input

Import the component directly from the package:

import { Input } from "@static-ui/ui"

Common props available for this component:

Prop	Type	Description
type	string	The HTML input type (text, email, password, etc.).
placeholder	string	Placeholder text shown when input is empty.
disabled	boolean	When true, prevents interaction.
className	string	Additional CSS classes to apply.

Uses native `<input>` elements for built-in form accessibility. Supports `aria-invalid`, `aria-describedby`, and `aria-required`.

CalendarDate selection month grid.

CheckboxBinary selection control.

Input GroupGrouped input with adornments.

Input OTPOne-time passcode entry.

LabelForm control label.

Number FieldNumeric input with steppers.

Radio GroupMutually exclusive options.

SelectDropdown value picker.

SliderDrag handle range input.

SwitchToggle on/off control.

TextareaMulti-line text input.