Skip to main content
Primitives

Input

Text field in 3 variants: plain, search (magnifier icon), and command ($ prefix + ⌘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

PropTypeDefaultDescription
variant"default" | "search" | "command""default"Shows prefix/suffix icon
size"sm" | "md" | "lg""md"Height
state"default" | "error""default"Border color for validation feedback
Active theme: entrepta, dark mode.