Input code example

Shown once the field is touched and invalid. Try typing fewer than 7 characters.

Visually hides the label. Screen readers still announce it.

"(optional)" shows automatically when the field isn't required: turn off required below to see it. Turn this off to hide it on a field that isn't a form question.

Puts the label inside the field. It moves up when the field is focused or filled.

Medium is 38px. Large (the default) is 48px, or 56px with a floating label.

Shows a clear button while the field has a value. It clears the value and does not submit the form.

Needs a maxlength on the native element.

Small 4px, medium 8px, large 16px. Unset follows the theme: 8px, or 3px for tg-light and tg-dark.

Use textarea tg2Input instead of input tg2Input.