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:
The Message component has received a visual refresh with updated styling and new CSS variables for improved customization capabilities. Elements that utilize a popover menu now implement the modern Popover API behind the scenes, and restrict keyboard access in landscape orientations for mobile environments. This solves the z-index and keyboard UI issues we've been experiencing with past implementations in our components.The Checkbox component's toggle variant is now fully themeable, allowing for greater design flexibility, and we've resolved an issue where the checked property wasn't properly updating visually when disabled.
Our commitment to accessibility continues with expanded Axe test coverage for the Calendar component, ensuring comprehensive compliance testing across all interaction patterns. We've also enhanced the Calendar component's keyboard navigation by preventing disabled calendars from being inadvertently reopened through keyboard input. The File Picker documentation now includes simulated upload functionality, making it easier for developers to understand and implement file handling workflows.