Documentation and component libraries for building consistent user experiences across CatalystOne products.
React component library. Live component examples, props documentation and usage guidelines.
Component library for CatalystOne Monolith frontend.
Accessibility Insights. WCAG 2.2 AA compliance reports for all CatalystOne frontends.
A transient notification component used to provide brief feedback messages to the user. It appears at the bottom-centre of the screen and can include an optional title, icon, action button, and close button.
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.
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.