A styled text field for capturing user input, supporting multiple sizes and form integration.

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

export default function InputDemo() {
  return <Input placeholder="Type Text" />;
}

Installation

Usage

import { Input } from "@/components/ui/input";
<Input placeholder="Type Text" />

Examples

Small

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

export default function InputSm() {
  return <Input size="sm" placeholder="Type Text" />;
}

Large

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

export default function InputLg() {
  return <Input size="lg" placeholder="Type Text" />;
}