UI / Components / foundations / Input

Input

Text, search, password. Brand-color focus ring.

Text input with brand-color focus ring. Variants for search (with leading icon) + password (with reveal toggle). Inherits CSS variables so it adapts to your theme automatically.

$npx dock-ui add input

Usage

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

<Input placeholder="Search workspaces…" />

Install

via CLI
$ npx dock-ui add input
Writes the file(s) directly to your components/ui/ folder. You own the code.
For agents
curl -L https://ui.trydock.ai/r/input.json
Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.
← All components
Themes·Component kit · glossary
View on GitHub →