Componentes · shadcn

input

Campo de texto de una sola línea para entrada del usuario.

Campo de texto de una sola línea: nombre, email, cantidad, búsqueda. Para notas largas usa textarea; para opciones discretas usa select o radio. Siempre acompaña el input con un label visible — el placeholder no reemplaza el label.

Estados

default

con valor

focus (forzado)

disabled

inválido

Ese correo no parece completo.

Con ícono

Ícono adelante para señalar la naturaleza del campo (búsqueda, candado). Ícono atrás para acciones del campo mismo (mostrar contraseña, limpiar).

ícono adelante

ícono atrás

Tipos

El atributo type cambia el teclado en móvil y la validación nativa del navegador. Visualmente todos los tipos comparten el mismo estilo.

text

email

number

Estado theme: ⚠ pendiente verificar.

↗ Ver en docs oficiales