Awesome
Covalent Design System
Covalent is Teradata's design system used to create Teradata branded experiences. This space is intended to be used to support developers creating coded experiences for Teradata products. Currently we are only supporting angular and a library of web components.
Vision: To build an atomic, reusable component platform for Teradata to consume, while collaborating in an open source model.
Setup
- Ensure you have Node 18.12.0+
- Install Node packages
npm ci - Run local build
npm run start
- Getting Started
- Web Components
- Contributing Guidelines
- Developer Guide
- Upgrading
- Releasing
- Changelog
- StackBlitz Template
- Plunker Template
Angular Support
Certain covalent version are meant for certain angular versions, and here is the matrix:
| Covalent | Angular |
|---|---|
| 2.X | 8.X |
| 3.X | 9.X / 10.X / 11.x |
| 4.X | 12.X / 13.X |
| 5.X | 14.X |
| 6.X | 15.X |
| 7.X | 16.X |
| 8.X | 17.X |
Browser Support
Covalent is built on a CSS Flexbox layout and all layouts and components heavily rely up that support, so the current browsers are supported in order or recommendation:
Current version - 1 for the following:
| Chrome | Firefox | Safari | Edge | Mobile Chrome | Mobile Safari | |
|---|---|---|---|---|---|---|
| Supported | ✓ | ✓ | ✓ | ✓ | ~ | ~ |
~ Indicates limited testing & lower priority
Running Chromatic
npx chromatic --project-token=${CHROMATIC_PROJECT_TOKEN}