Input examples

default

disabled

with hint text

Hint text goes here

with error message

Hint text goes here

Error: Error: Error message goes here

with error message with custom errorId

Hint text goes here

Error: Error: Error message goes here

with width full class

See spacing in tailwind.config.js for a complete list of available widths

Hint text goes here

with width 1/2 class

See spacing in tailwind.config.js for a complete list of available widths

Hint text goes here

with width-32 class

See spacing in tailwind.config.js for a complete list of available widths

Hint text goes here

with label as page heading

with optional form-group classes

with autocomplete attribute

with pattern attribute

with required attribute

The form must start with a paragraph: * Todos los campos marcados con asterisco son obligatorios.

small

with custom classes applied

Inline label + flexible input and error message

Error: Error: Error message goes here

custom type

value

placeholder

with describedBy

hint with describedBy

This is a hint

error with describedBy

Error: Error: Error message goes here

with error, hint and describedBy

Hint text goes here

Error: Error: Error message goes here

inputmode