We will continue to update this list as we add or make significant changes to react modules that are part of Canvas.
✅ - Available
🕞 - In progress / needs an update.
| Component | Status | Guidelines |
|---|---|---|
| Colors | ✅ | 📘 |
| Depth | ✅ | 📘 |
| Icons | ✅ | 📘 |
| Space | ✅ | 📘 |
| Type | ✅ | 📘 |
| Component | React | CSS | Guidelines |
|---|---|---|---|
| Buttons | |||
| Button - Standard | ✅ | 🕞 | 📘 |
| Button - Drop Down | ✅ | 🕞 | 📘 |
| Button - Icon | ✅ | 🕞 | 📘 |
| Button - Text | ✅ | 🕞 | 📘 |
| Action Bar | ✅ | ✅ | 📘 |
| Containers | |||
| Card | ✅ | 📘 | |
| Tabs | |||
| Table | ✅ | ✅ | 📘 |
| Form Elements | |||
| Form Field | ✅ | 🕞 | |
| Checkbox | ✅ | 🕞 | 📘 |
| Color Input | ✅ | 📘 | |
| Date Input | |||
| Drop Down Select | ✅ | 🕞 | |
| Numeric Input | |||
| Radio Button | ✅ | 🕞 | 📘 |
| TextArea | ✅ | 🕞 | 📘 |
| Text Input | ✅ | 🕞 | 📘 |
| Switch | ✅ | ||
| Slider | |||
| Indicators | |||
| Banners | ✅ | 🕞 | 📘 |
| Loading Animation | ✅ | 🕞 | 📘 |
| Skeleton Loader | ✅ | 📘 | |
| Progress Bar | |||
| Status Indicator | ✅ | 📘 | |
| Navigation | |||
| Header | ✅ | 📘 | |
| Page Header | ✅ | ✅ | 📘 |
| Side Panel | ✅ | ||
| Popups | |||
| Cookie Banner | ✅ | ||
| Modal | ✅ | ||
| Toast | ✅ | 📘 | |
| Tooltip | ✅ | 📘 | |
| Menu | ✅ | ✅ | 📘 |
| Pop Up | ✅ | ✅ | |
| Miscellaneous | |||
| Avatar | ✅ |