Input

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

export function InputDemo() {

Installation


pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nessra-ui.vercel.app/r/input.json

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

<Input type="text" placeholder="Enter your name" />

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

export function InputDefault() {

import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"

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

export function InputDisabled() {

import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"

Picture

import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"

All standard HTML input attributes are supported.

Prop	Type	Default	Description
`type`	`string`	`"text"`	The input type
`placeholder`	`string`	-	Placeholder text
`disabled`	`boolean`	`false`	Disable the input