Input

An input field.

import { Input } from "@/components/ui/input/input";
import styles from "./input-demo.module.css";

export default function InputDemo() {
  return <Input placeholder="Enter your email..." className={styles.input} />;
}

Installation

npx shadcn@latest add https://roiui.com/r/input.json

Anatomy

anatomy

import { Input } from '../ui/input'

<Input />