Components/Input

Search documentation

Jump to any guide or component.

↑↓ move · Enter open · Esc close

Forms · Input

SSR NativeAccessible

Input

A native text control with compact sizing and validation treatment.

Live previewv0.1.4
Astro
---
import { Input } from '@charvesta/cetha';
---

<Input type="email" name="email" placeholder="name@example.com" />

API reference

PropTypeDefaultDescription
invalidbooleanfalseApplies invalid styling and aria-invalid.
size'sm' | 'md' | 'lg''md'Sets control density.
classstringAdditional classes forwarded to the rendered element.

Accessibility

Compose with Field or provide an explicit aria-label when no visible label is present.