In CET, users mainly interact with the system using a keyboard or mouse. These tools help them navigate, give commands, and perform actions, making their experience smooth and efficient.

Icon Library

Interaction

Keyboard input

Design System

Changelog

Welcome! 👋

Design Principles

Accessibility

Color

Typography

Spacing & Layout

Iconography

Mouse gestures

Tone of voice

Inclusive language

Language & grammar

Formatting

Best practices for writing

System status

Content design

Foundation

Alert Banner

Message Banner

Toggle Switch

Extension Tab Bar

Content Layout of a Component Tab

Extension Header

Product Button

Tool Button

Components Area (Toolbox)

Components

Anatomy of CET

Tutorial: Integrating Message Banners

Tutorial: Adopting the new UI style for Extension Libraries

Tutorial: Structuring your Table of Contents for Data Driven Catalogues

Tutorial: Facelifting Hybrid Catalog Libraries

Reference: Catalogue UI Levels

Catalogue Table of Contents with the New UI

CET Developer Guides

About CET New UI

New UI Adoption Info

Frequently Asked Questions (FAQ) for New UI

Untitled