Welcome to Tecton

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:


Tecton 1.60.0

Documentation Updates:

Check out the new search feature for looking through all our Tecton releases since 1.0! The page now includes filter and search capabilities, making it easier for developers to find specific updates and track changes relevant to their work through a keyword search.

Accessibility Enhancements:

We've addressed important accessibility issues to make Tecton more inclusive for all users. The Calendar compatibility with VoiceOver on mobile devices has been improved, ensuring users relying on screen readers can navigate dates effectively. The Loader component has been updated to provide appropriate feedback to screen readers as well, giving users better context about loading states throughout their experience.

Component Improvements:

Several components have received targeted fixes to improve functionality and reliability. The Checkbox component now renders the correct icon when in a checked and disabled state, and an issue preventing the checkbox from displaying properly in Safari browsers has been resolved. The Data Table component's stripe pattern now displays as expected when using expandable rows. We've also improved the Select component's keyboard handling on iOS devices when using the searchable attribute, and the Currency input now automatically selects its text content when focused via keyboard navigation for an efficient data entry experience.

View full changelog