UI: Components
Chip
A chip is a small element that represents an attribute, text, entity, or action. Chips are commonly used to represent tags, contacts, and interactive elements such as filters, and action buttons.
Default chip
No Connection ❖
All services up ✓
Warning: Low ☀
Premium User ★
With --light
versions of colors
Default chip
No Connection ❖
All services up ✓
Warning: Low ☀
Premium User ★
With modifiers xx-small
to large
Default chip
No Connection ❖
All services up ✓
Warning: Low ☀
Premium User ★
With opposite color-scheme
Default chip
No Connection ❖
All services up ✓
Warning: Low ☀
Premium User ★
With right-to-left
Default chip
No Connection ❖
All services up ✓
Warning: Low ☀
Premium User ★