Components / Input
📝

Input

Form input field with multiple types, sizes, and validation states.

Form

Variants

Text

Props:

type="text"

Email

Props:

type="email"

Password

Props:

type="password"

Number

Props:

type="number"

Search

Props:

type="search"

Disabled

Props:

disabled="true"

Props / API

Prop Type Default Description
type string text Input type: text, email, password, number, search
size string md Input size: sm, md, lg
placeholder string - Placeholder text
disabled boolean false Disable input
required boolean false Mark as required

Usage

<Input type="email" placeholder="Enter email" />