Skip to content
Perimeter Style

Input

Displays a form input field for text entry.

Usage

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

<Input type="text" placeholder="Enter text..." disabled={false}>...</Input>
<Input type="text" placeholder="Enter text..." disabled={false}>...</Input>

Light

Dark

Default

Metrics

Perimeter Api

Input Controls

type
placeholder
disabled

Examples

Input Types

States

File Input

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/input

Used in Templates

Search

Search for components, templates, and more.