Chip
Compact elements for tags, categories, and selections
Soft Chips
Primary
Secondary
Success
Warning
Error
Info
Filled Chips
Primary
Secondary
Success
Warning
Error
Info
Outlined Chips
Primary
Secondary
Success
Warning
Error
Info
Chips with Icons
Favorite
Featured
Member
Tagged
Verified
Sizes
Small
Medium
Large
Small Icon
Large Icon
Deletable Chips
React
TypeScript
Node.js
Tailwind
GraphQL
Docker
Selectable Chips
Click chips to select/deselect them
Selected: React, Tailwind
Gradient Chips
Eye-catching chips with gradient backgrounds
Premium
Featured
New Release
Best Seller
Trending
Top Rated
Limited
Exclusive
Chip Groups
Organized chip categories for filtering and tagging
Status
Active
Pending
Closed
Draft
Priority
Critical
High
Medium
Low
Categories
Design
Development
Marketing
Analytics