Input

Form input component with support for text, password, file, and other HTML input types. Features variants including default, filled, disabled, and invalid states.

Import

Live Demo

Input variants including states and file type.

Default

States

File Input

Props

NameTypeDefaultDescription
typestring"text"The type of input (text, password, file, etc.)
disabledbooleanfalseWhether the input is disabled
placeholderstringPlaceholder text when input is empty

Examples

Basic Input

Disabled State

Invalid State

Shown when validation fails.

File Input