Input | Xui - Free UI Components to build beautiful websites

Label

Installation

npm install

Usage

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

export function MyComponent() {
  return (
    <div className="grid w-full max-w-sm items-center gap-1.5">
      <label htmlFor="email">Email</label>
      <Input type="email" id="email" placeholder="Email" />
    </div>
  );
}

Props

Prop	Type	Default	Description
`type`	`string`	`"text"`	Input type (text, email, password, etc.)
`placeholder`	`string`	-	Placeholder text
`className`	`string`	-	Additional CSS classes
`disabled`	`boolean`	`false`	Whether the input is disabled
`value`	`string`	-	Input value
`onChange`	`function`	-	Change handler