Documentation
Foundations
Components
Accordion
ActionBar
Alert
Avatar
Badges
Block
Buttons
Calendars
Carousel
Chip
Comment
Compass
Confirm
Dialog
Drawer
Dropdown
ElasticContainer
Error
Expand
Filter
Group
Hint
Icon
Inputs
Island
ItemsWithMore
Label
Like
LineClamp
Link
Loader
Message
Mobile
Notification
PdfViewer
Pin
Preview
Progress
Pulse
Push
Rating
Scrollbar
Selects
Sheet
SheetDialog
Sliders
Status
Surface
SwipeActions
Table
Tag
Textfield
ThumbnailCard
Tiles
Title
Toggles
Tree
Layout
Navigation
Charts
Customization
Tools
Chip
KIT
Examples
API
Setup
More
Source code
Chip component is used to display array data and can also be interactive depending on the tag used.
Basic
#
Preview
HTML
TypeScript
LESS
More
Edit
Default appearance is Neutral
Primary
Accent
Positive
Negative
Warning
Info
Outline
Floating
Sizes and content
#
Preview
HTML
TypeScript
LESS
More
Edit
Text
Text
Text
Text
Single icon
Single icon
Single icon
Single icon
Duo icon
Duo icon
Duo icon
Duo icon
Image
Image
Image
Image
Avatar
Avatar
Avatar
Avatar
Button
Remove
Button
Remove
Button
Remove
Button
Remove
Interactive
#
Preview
HTML
TypeScript
LESS
More
Edit
Checkbox
Checkbox 1
Checkbox 2
Checkbox 3
Radio
Radio 1
Radio 2
Radio 3
Label outline
Label 1
Label 2
Label 3
Label accent
Label 1
Label 2
Label 3
Button
Button 1
Remove
Button 2
Remove
Button 3
Remove
Input
test
Some text
WOW!
Use cases
#
Preview
HTML
TypeScript
LESS
More
Edit
Very long value in chip
₽123 000
Very long value in chip
Notifications
Customized chip
Toggle chip
Toggle
Auto color
#
Preview
HTML
TypeScript
LESS
More
Edit
Free
Base
Pro
Enterprise
Taiga UI
v4.16.0
More