A component for displaying color swatches with information and copy functionality.
A compact editor for semantic theme tokens and custom colors with a live swatch preview.
A compact typography override editor for font family, size, and inline emphasis styles.
A simple card component with an icon, title, description, and action button.
An advanced card component with image/media section, title, description, and action button.
A component for displaying the company logo with proper sizing and spacing.
A component for rendering code samples with language labels and a built-in clipboard copy action.
A registry-driven runtime renderer for QDS content documents in page or dashboard mode.
A registry-driven authoring workspace for content documents with palette, canvas, outline, properties, and preview flows.
A container component for displaying and managing quantum circuit diagrams.
A full-screen diagram management interface with integrated file explorer and diagram viewer/editor.
A tree view component for displaying hierarchical file and folder structures with expand/collapse functionality.
A button component for collecting user feedback with customizable options.
A decorative component that displays a gradient line with customizable colors.
A high-emphasis page introduction component with headline, supporting copy, media, and actions.
A navigation menu component that supports nested menu items and dynamic content.
A horizontal navigation menu that displays top-level items in a row with dropdown submenus.
A utility component for handling image loading, optimization, and fallbacks.
A flexible button component that accepts any PrimeIcons class as an attribute.
A component for editing arbitrary JavaScript property objects with metadata-driven UI.
A button component for accessing application settings and preferences.
A vertical navigation menu with optional icons, configurable section styling, and collapsible or always-expanded tree behavior.
Note: Some components are still in development and will have documentation available in future updates.
Check out our comprehensive menu components demo to see all three menu types (Hierarchical, Horizontal, and Sidebar) working together with the same data model.