Textfield CORE

Examples API Setup
Source code
See also
Textarea, InputChipTextfield is a low level component that other more complex controls are based upon.

Basic

#

Textfield can be used as-is for string value inputs.

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.

InputCopy

#

An example of a textfield with an interactive icon to copy the input value.

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.