← Back to Design System

Components

New

Color Helper

A component for displaying color swatches with information and copy functionality.

New

Company Logo

A component for displaying the company logo with proper sizing and spacing.

Updated

Diagram Host

A container component for displaying and managing quantum circuit diagrams.

New

Feedback Button

A button component for collecting user feedback with customizable options.

Updated

Gradient Line

A decorative component that displays a gradient line with customizable colors.

New

Help Button

A button component for accessing help documentation and resources.

Updated

Hierarchical Menu

A navigation menu component that supports nested menu items and dynamic content.

New

Horizontal Menu

A horizontal navigation menu that displays top-level items in a row with dropdown submenus.

New

Image Helper

A utility component for handling image loading, optimization, and fallbacks.

Updated

Main Toolbar

A responsive toolbar component for navigation and user controls.

New

Menu Spacer

A utility component for adding flexible spacing in menus and toolbars.

Updated

Notification Tray

A component for displaying and managing system notifications.

New

Page Frame

A layout component for structuring page content with header and footer.

New

Property Editor

A component for editing arbitrary JavaScript property objects with metadata-driven UI.

Updated

Settings Button

A button component for accessing application settings and preferences.

New

Sidebar Menu

A vertical navigation menu with collapsible categories, ideal for application sidebars.

New

Theme Switch

A toggle component for switching between light and dark themes.

New

Toast

A component for displaying temporary notification messages that overlay the UI.

Updated

User Avatar

A component for displaying user profile pictures and information.

Note: Some components are still in development and will have documentation available in future updates.

Menu Components Demo

Check out our comprehensive menu components demo to see all three menu types (Hierarchical, Horizontal, and Sidebar) working together with the same data model.