English
latest (v4.7.0)

Chip KIT

Description and examples Setup Source code

Chip component is used to display array data and can also be interactive depending on the tag used.

Basic

#
Default appearance is NeutralPrimaryAccentSuccessErrorWarningInfoWhiteblockFloating

Sizes and content

#
Text Text Text Text
Single icon Single icon Single icon Single icon
Duo icon Duo icon Duo icon Duo icon
Avatar Image Avatar Image Image Image
Avatar Avatar Avatar Avatar
Button Button Button Button

Interactive

#

Checkbox

Checkbox 1 Checkbox 2 Checkbox 3

Radio

Radio 1 Radio 2 Radio 3

Label whiteblock

Label accent

Button

Input

test Some text WOW!

Use cases

#
Very long value in chip
₽123 435
Very long value in chip
 Notifications
Customized chip Toggle chip