Tecton is Q2's library of design system components and platform interface capabilities. It allows Q2 and our partners to build cohesive and consistent UI experiences for end users across a variety of Q2 products.
Tecton consists of:
We're excited to see what you'll build! To get started, feel free to check out some of the following links:
This release brings a range of new features and improvements to the platform. The showOverpanel API now includes an isBlocking option for enhanced modal control, and the q2-pill component has been updated with improved focus styling and accessibility. A new q2-meter component has been introduced, and donut charts now support longer legend names for better data presentation. Platform architecture has been refined by moving data URL maps and context hierarchy definitions into platform adaptors, allowing outlets to enforce context more effectively. Additional enhancements include support for custom loaders and brand types, new design token variables added to the documentation site, and a disabled property for the q2-file-picker component.
Several bug fixes have been implemented to improve stability and user experience. Accessibility issues with the q2-file-picker have been resolved, and custom loaders now support flexible sizing. UI consistency has been improved by ensuring expanded rows retain their striped color patterns and restoring fill to the flag icon. The q2-pagination component now allows attribute-based configuration of perPageIncrements, and q2-grid-area components default to auto z-index values. Error handling has also been strengthened for failed dynamicConfigFetch calls, contributing to a more robust platform.
On the maintenance side, the test infrastructure has been upgraded with a full migration from Karma to Playwright, improving reliability and coverage. Axe accessibility tests have been expanded for the q2-card component, and visual issues in the currency documentation have been addressed. The documentation homepage now initializes tab containers with default values, enhancing usability for developers and users alike.