Form components

Hi friends,

This month I’d like to share one of the most critical components of Ariakit. It’s been tested since the very first versions of Reakit. And it will finally reach its stable form (!) in v2.

This is not the regular Form library you’re used to. Ariakit will manage focus and apply aria attributes automatically.

For example, submitting an invalid form will focus on the first invalid input. Adding or removing inputs in a dynamic field list will automatically handle focus.

Besides that, the Ariakit Form takes full advantage of the native browser validation with built-in i18n. You can use native HTML props like required, minLength, maxLength, min, max, type and pattern. Unlike the native element, though, you will be able to customize the error messages with CSS.

See you!