Input

Componentes

Campos de formulario oscuros con etiquetas opcionales, anillo de foco y mensaje de error en línea.

Con etiqueta

Nombre completo

Tipos

Texto

Correo electrónico

Contraseña

Búsqueda

Sin etiqueta

Estado de error

Nombre de usuario

Este nombre de usuario ya está en uso.

Uso

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

<Input label="Password" type="password" name="password" required />

<Input name="search" type="search" placeholder="Search without label" />

<Input label="Username" name="username" error="This username is already taken." />

Props

Prop	Tipo	Predeterminado	Descripción
`label`	`string`	—	Etiqueta opcional renderizada sobre el campo.
`placeholder`	`string`	—	Texto de marcador de posición.
`type`	`'text' \| 'email' \| 'password' \| 'search'`	`'text'`	Tipo nativo de input.
`name`	`string`	—	Nombre del campo de formulario. También se usa para derivar el id cuando no se proporciona.
`id`	`string`	`input-{name}`	id explícito del elemento input.
`required`	`boolean`	`false`	Marca el campo como obligatorio.
`error`	`string`	—	Mensaje de error que se muestra debajo del campo en color danger.