React Templates & Themes Logo React Templates & Themes
Covalent screenshot

Covalent

Author Avatar Theme by Teradata
Updated: 22 May 2025
2236 Stars

Covalent - A Design System for Teradata

Github Live Preview

Categories

Angular Vite Scss Tailwind

Overview

Covalent is Teradata’s design system used to create Teradata branded experiences. It is intended to support developers in creating coded experiences for Teradata products. Covalent is built on a CSS Flexbox layout and relies heavily on browser support for optimal performance.

Features

  • Atomic, reusable component platform
  • Supports Angular and a library of web components
  • Matrix showing compatible versions of Covalent and Angular
  • Browser support for Chrome, Firefox, Safari, Edge, Mobile Chrome, and Mobile Safari

Installation

To set up Covalent, follow these steps:

  1. Ensure you have Node 18.12.0+ installed.
  2. Install Node packages: npm ci
  3. Run local build: npm run start

Summary

Covalent is a design system developed by Teradata to create consistent and branded experiences across their products. It provides a reusable component platform and supports Angular and web components. The installation process is straightforward, requiring the installation of Node packages and running a local build. Covalent relies on browser support for optimal performance and is compatible with Chrome, Firefox, Safari, Edge, Mobile Chrome, and Mobile Safari.