@trigo/design-system

trigo Design System

https://design-system.trigo.dev/

npm install @trigo/design-system

Contributing

If you'd like to contribute to the design system, we'd love to have your help. If you work at trigo, please join the #design-system Slack channel and let us know what you'd like to work on.

For all contributors, please be sure to read the Contributing doc.

Documentation

• Docs

Motivation

In order to create a consistently great experience for our users, the design system is meant to be the single source of truth for user interface standards for both designers and developers.

Built off of the work of previous efforts, this project intends to consolidate those ideas into a living, well-documented, and growing system.

Goals

The core goals of this project are to:

• Speed up design and development velocity
• Help create consistent, beautiful, and usable UI in our applications
• Promote best practices for accessibility, internationalization, and responsive web design

We hope to accomplish these goals by:

• Reducing the number of decisions needed when iterating on UI
• Reducing the amount of code duplication in our apps
• Serving as the standard for trigo's visual language
• Providing easy-to-use and extensible components for anyone to consume

MIT License

Breaking Changes

• PrimaryButton / SecondaryButton / TertiaryButton now cannot handle styled-system props anymore. So if they are used within a Stack, make sure that you set the shouldWrapChildren prop on the Stack Component