Input

A basic field for entering text, numbers, or other user data. Essential for forms, search bars, and interactive interfaces.

Input Text :

Input Email :

Input Password :

Input Number :

Installation

npx shadcn@latest add https://display-ui.vercel.app/r/Input

import { Input } from "@/components/display-ui/Input"

<Input border="primary" type="text" placeholder="Enter Any Text" />

For Input Component

Attribute	Type	Description	Default
border	`"primary" \| "success" \| "warning" \| "danger" \| "none"`	Controls the focus ring style and color of the input field.	"primary"
className	`string`	Additional CSS classes to customize the input styling.	-