Chip KIT
Chip component is used to display array data and can also be interactive depending on the tag used.
Basic
#Sizes and content
#
Image Image Interactive
#Checkbox
Radio
Label outline
Label accent
Button
Input
Use cases
#Very long value in chip
₽123 000
Very long value in chip
Auto color
#Fade in complex designs
# If there are two labels with tuiFade inside the chip, the right label takes precedence by default. This means that the left label goes into fade. But if the width of the left label is less than 30% of the whole chip, then the right part of the chip will be faded in
Supermarkets
$9 000
AI
$9 870 043 000
Long category name
Use CSS to set a custom priority for the fade:
Miscellaneous goods
$105 000
Taiga UI