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 introduces the Section Container component, a new layout primitive designed to help developers structure content into logical visual groupings with consistent spacing and styling.
The Data Table component has received several significant enhancements. A new selectedRows property allows developers to programmatically access which rows are currently selected, making it easier to build selection-driven workflows. The table now supports a fixed sticky header that remains visible when scrolling through large datasets, improving usability for tables with many rows. Additionally, a new selectAriaLabel property enables custom row selection announcements for screen readers, enhancing accessibility for users of assistive technologies. A duplicated method was also removed to clean up the component API.
The Pagination component now supports a disabled property, allowing developers to prevent user interaction when navigation should be temporarily unavailable, such as during loading states.
The Loader component visual styling has been refreshed for a more modern appearance.