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 variety of component refinements and bug fixes to enhance your development experience. The Detail component has been updated with revised font weights for its size property, providing better visual hierarchy across different detail configurations. The Formatted Text component has received updates to improve its rendering and flexibility. The Checkbox component no longer triggers click events when users interact with whitespace areas, preventing unintended selections. The Icon component now correctly displays the brand-instagram-filled icon type, which was previously not rendering. The Select component has received multiple fixes: its popover now opens at the correct position, and hover highlight behavior within Card components used inside Select has been corrected for visual consistency. Additionally, VoiceOver users will now hear proper field name announcements when focusing on the Select component, improving accessibility for assistive technology users. A Windows-specific issue where Card components incorrectly displayed mobile-style arrows on desktop has been resolved.
Significant performance and stability improvements have been made to the Tecton platform. Memory leaks within both the core Tecton package and the Tecton platform package have been identified and addressed, resulting in improved long-running application performance and reduced browser resource consumption. The Tecton theme initialization process has been further hardened to reliably inject the tecton-theme-css style tag on slower CPU devices and during SSO login flows. Error handling has been enhanced when platform connections fail, providing developers with more detailed diagnostic information through expanded error emissions.
The documentation site has received substantial updates to help developers build better experiences. The Live Example for Paginationnow supports the stacked configuration option. The localization guide has been rewritten to more clearly explain the differences between how localization works in Tecton. The canUser() capability documentation now includes detailed information about user property lookups. A new guide clearly explains the differences between the q2-tecton-sdk and q2-tecton-platform packages to help developers choose the right tool for their needs. The Color System page has been completely redesigned with improved organization and visual examples. The Release Notes page now supports filtering by release version for easier navigation through version history.