Input

An input is a field used to elicit a response from a user.

Import

import { Input } from "@aeonkit/react";

Usage

Text

Use this component to create a text input field.

Preview

Code

<Input placeholder="First Name" />

Email

Use this component to create an email input field.

Preview

Code

<Input type="email" placeholder="youremail@email.com" />

Disabled

Use this component to create a disabled input field.

Preview

Code

<Input placeholder="Last Name" disabled />

File

Use this component to create a file input field.

Preview

Upload File

Code

<div className="flex flex-col gap-1">
  <Label htmlFor="upload">Upload File</Label>
  <Input
    type="file"
    id="upload"
    placeholder="Upload your file"
    className="file:mx-4 file:bg-transparent file:border-0 file:text-xs file:font-medium file:text-indigo-700"
  />
</div>

Props

Input

API Interface: InputProps