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 ★