CatalystOne Design System

The CatalystOne Design System

Documentation and component libraries for building consistent user experiences across CatalystOne products.

Storybooks and apps

Component Documentation

General
Avatar

A circular component used to represent a user or entity. Avatars can display a profile picture, user initials, a generic icon, or an overflow count, and are available in six sizes and six colour themes.

General
Chip

Chips are compact, interactive elements used to represent attributes, filters, selections, or status. They can include optional leading or trailing elements such as avatars, dots, or dismiss buttons.