Forms

Input

Text field in 3 variants: plain, search (magnifier icon), and command (a ⌘K hint). Supports error state and 3 sizes.

Preview

Installation

terminal

bash

npx @entrepta/cli@latest add input

Resolves dependencies, copies the source, and installs npm packages automatically.

Usage

input.tsx

tsx

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

<Input placeholder="project-name" />
<Input variant="search" placeholder="search components…" />
<Input variant="command" placeholder="run command…" />
<Input state="error" defaultValue="HEALTHKIT_KEY" />

Props

Prop	Type	Default	Description
variant	"default" \| "search" \| "command"	"default"	Shows prefix/suffix icon
size	"sm" \| "md" \| "lg"	"md"	Height
state	"default" \| "error"	"default"	Border color for validation feedback