Input

A text input field for capturing user input.

Preview

bash

npx auralix-ui add input

tsx

import { Input } from "@/components/ui/Input";

<Input placeholder="Enter your text..." />

tsx

<Input inputSize="sm" placeholder="Small" />
<Input inputSize="md" placeholder="Medium" />
<Input inputSize="lg" placeholder="Large" />

tsx

<Input error placeholder="Invalid input" />

Name	Type	Default	Description
`inputSize`	`"sm" \| "md" \| "lg"`	`"md"`	The size of the input.
`error`	`boolean`	`false`	Whether the input has an error state.
`disabled`	`boolean`	`false`	Whether the input is disabled.
`placeholder`	`string`	`-`	Placeholder text.

Box (Default)

Line

Floating

Floating Label

On this page