⚠️This version of Waffles Design System is no longer maintained, and was deprecated at the end of 2022. It's main repository is archived. Please migrate your app to the New Waffles.
components
Introduction
Use React components to build user interfaces.
Usage
The waffles component library is a collection of independent styled react components. To use them in applications, simply install the relevant package and use the components as documented on the relevant page on this site.
Component status
The waffles component library is an evolving system comprised of components big and small. Below you can see a summary of the currently available components along with those that are planned for the future. If you like to contribute to waffles, get in touch with the design system squad. We are always looking to collaborate to ship items on this list or any other ideas you may have.
| Name | Status |
| Icon | Available |
| Text | Available |
| Card | Available |
| Button | Available |
| Modals | Available |
| Form Elements | Available |
| Tooltip | Available |
| Toast | Available |
| Badge & Pill | Available |
| Link | Available |
| Resizable Elements | Available |
| Assets | Available |
| Checkbox | Available |
| Switch | Available |
| User Profile Menu | Available |
| Progress Bar | Planned |
| Avatars | Planned |
| Navigation | Under Consideration |
| Code Editor | Under Consideration |
| Dropdown Menu | Under Consideration |
| Fluid Stack Layout | Under Consideration |
| Collapsing Sections | Under Consideration |
| Key Value List | Under Consideration |
| Autocomplete | Under Consideration |
| Charts | Under Consideration |
| Tabs | Under Consideration |