Componentes

Formularios

Campos altos (48–56 px), borde gris que se oscurece al enfocar y errores en rojo con icono. La etiqueta flotante es el estilo por defecto en acceso y registro.

Input con etiqueta flotante#

Correo electrónico

Contraseña

Input con Field#

Field conecta etiqueta, ayuda y error con aria-describedby.

Nombre del lugar *

Como lo verán otros viajeros

Ciudad

Este campo es obligatorio

Buscar

Select y Textarea#

Select nativo estilizado: en móvil abre el selector del sistema, que es más cómodo.

Tipo de lugar

Tu opinión

Mínimo 20 caracteres

API#

Prop	Tipo	Por defecto	Descripción
size	sm \| md \| lg	md	Input: 36 / 48 / 56 px
leadingIcon	IconName	—	Icono a la izquierda
trailing	ReactNode	—	Acción a la derecha (borrar, mostrar contraseña…)
invalid	boolean	false	Estado de error (aria-invalid)
label (FloatingInput)	string	—	Etiqueta dentro del campo que flota al escribir
error (FloatingInput)	string	—	Mensaje de error bajo el campo