Textfield CORE

Examples API Setup

See also

Basic textfield component to implement more complex controls based upon it.

Textfield based controls are in the process of being refactored. For now it is recommended to use old components from the Legacy package

Size

I am a label

For long labels it is better to use label outside as it can wrap to multiple lines

States

Disabled

Read-only

Invalid

Dropdown

Start typing

Select option

Dropdown setting

Interactive icons

Example of input-password and input-copy with interactive icons

Click icon to copy

Click icon to toggle

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 's plugins.

Flat angle

Fieldset

Payment fieldset

Disable