Component

Input

Single-line text input. Supports placeholder, disabled state, and an optional leading icon.

Default

tsx
<Input placeholder="Search photographs…" />

With label

With icon

tsx
<Input icon={<Search size={14} />} placeholder="Search…" />

Disabled

Props

PropTypeDefaultDescription
iconReactNodeOptional icon placed at the left edge.
placeholderstringPlaceholder text.
disabledbooleanDisables interaction.
typestring"text"HTML input type attribute.