Inputs
UI library built on Tailwind CSS v4 + Framer Motion. All components follow palette rules and must have defined hover states.
The error is tied to the field via aria-describedby and focus moves to the FIRST invalid field. An error that only shows at the top of the page is never read by a screen reader user.
Enter an email with @ so we can reply.
<input aria-invalid aria-describedby="campo-erro" />
<p id="campo-erro">…</p>Say what to do, not what failed. The Fluxr voice is direct, not cold.
Use
Enter an email with @ so we can reply.
Avoid
Error: invalid field.