https://github.com/teradata/covalent
Covalent - A Design System for Teradata
https://github.com/teradata/covalent
angular angular-material angular2 material material-design teradata typescript
Last synced: 12 days ago
JSON representation
Covalent - A Design System for Teradata
- Host: GitHub
- URL: https://github.com/teradata/covalent
- Owner: Teradata
- License: mit
- Created: 2016-07-11T23:30:52.000Z (almost 9 years ago)
- Default Branch: main
- Last Pushed: 2025-04-05T03:17:13.000Z (16 days ago)
- Last Synced: 2025-04-07T20:51:53.798Z (13 days ago)
- Topics: angular, angular-material, angular2, material, material-design, teradata, typescript
- Language: TypeScript
- Homepage: https://design.teradata.com
- Size: 172 MB
- Stars: 2,234
- Watchers: 105
- Forks: 358
- Open Issues: 89
-
Metadata Files:
- Readme: README.md
- Contributing: docs/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-angular-components - @covalent/core - Teradata UI Platform built on Angular-Material 2.0. (Uncategorized / Uncategorized)
- awesome-angular - @covalent/core - Teradata UI Platform built on Angular-Material 2.0. (Uncategorized / Uncategorized)
- awesome-angular-components - @covalent/core - Teradata UI Platform built on Angular-Material 2.0. (Uncategorized / Uncategorized)
README
## Covalent Design System
[](https://github.com/teradata/covalent/actions/workflows/ci.yml)
[](https://www.npmjs.com/package/@covalent/core)
[](https://www.npmjs.com/package/@covalent/core/v/next)
[](https://gitter.im/Teradata/covalent?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[](LICENSE)
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](docs/GETTING_STARTED.md)
- [Web Components](docs/COMPONENTS_QUICKSTART.md)
- [Contributing Guidelines](docs/CONTRIBUTING.md)
- [Developer Guide](docs/DEVELOPER_GUIDE.md)
- [Upgrading](docs/UPGRADE.md)
- [Releasing](docs/RELEASE.md)
- [Changelog](docs/CHANGELOG.md)
- [StackBlitz Template](https://stackblitz.com/edit/covalent)
- [Plunker Template](http://plnkr.co/edit/XhSrUWBw2RhCkXPoE4fn)
---
## Angular Support
Certain versions of Covalent are designed to work with specific versions of Angular. Below is a matrix that outlines these compatibility details:
| 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 |
| 9.X | 18.X |
| 10.X | 19.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}`