For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
1
Sponsor

Input

PreviousNext

A standalone text input that integrates with Base UI Field.

Preview

States and sizes

Label and validation

Enter a valid email address.

Installation

$ pnpm dlx shadcn@latest add https://ui.ketyap.me/r/input.json

Usage

import { Input } from "@/components/ui/input";
 
<Input aria-label="Email" type="email" placeholder="you@example.com" />;

API Reference

value / defaultValue, onChange, onValueChange, disabled, readOnly, required, type and native input attributes follow Base UI Input. density: default or compact, inherited from SizeProvider when omitted. shape: rounded or pill, inherited from ShapeProvider. Native size remains the character-width attribute. Use a label or aria-label; descriptions and validation messages can be connected through Base UI Field. For prefixes, suffixes and addons, use InputGroup.