Taiga UI 5.0 is out!
See what's new
Input CORE
On this page
See also
Textarea, InputChipInput 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.
Taiga UI