Design System

Input

Campo de entrada de texto. Usa o <input> nativo com estilos consistentes.

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

<div className="space-y-2">
  <Label htmlFor="email">Email</Label>
  <Input id="email" type="email" placeholder="seu@email.com" />
</div>

Default

Input padrão com placeholder.

Com Label

Input com label associada via htmlFor/id.

Disabled

Estado desabilitado com opacidade reduzida.

Form Group

Input combinado com botão em um form.

API Reference

PropTypeDefaultDescrição
typestring"text"Tipo do input HTML (text, email, password, search, etc.)
placeholderstringTexto placeholder
disabledbooleanfalseDesabilita o input
classNamestringClasses CSS adicionais