Input CORE

Examples API GitHub

On this page

See also

Textarea, InputChip
Input is a basic string textfield. All other input components are built on its basis.

Basic

Basic string value input.

States

You can change states of the component manually or it can follow state of a form control when Angular form directives are applied to it.

Dropdown

For more complex dropdown controls it is recommended to use dedicated components, such as Select or ComboBox

InputPassword

An example of a password textfield with an interactive icon to toggle the input type.

Custom cleaner

If you need to perform some additional actions or logging when user clicks cleaner button.

Mask

We recommends using Maskito for input masking. Maskito is supported by Taiga Family team and it is already peer-dependency of @taiga-ui/kit library.

This example demonstrates how to use built-in Number mask with postfix and augment it by several Maskito plugins.

Long label

On mobile, especially when font scaling is enabled for accessibility, you have limited space and might want to make sure the entire label is visible when the user fills it in. You can enable wrapping so it can wrap onto multiple lines.

Single string