https://github.com/teradata/design-system
Teradata Web Design System
https://github.com/teradata/design-system
Last synced: about 1 year ago
JSON representation
Teradata Web Design System
- Host: GitHub
- URL: https://github.com/teradata/design-system
- Owner: Teradata
- Created: 2019-05-21T21:13:05.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2025-03-19T23:50:48.000Z (about 1 year ago)
- Last Synced: 2025-03-22T19:11:53.507Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://teradata.github.io/design-system
- Size: 5.57 MB
- Stars: 3
- Watchers: 9
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web design system
Web design system is a collection of reusable component libraries designed to streamline the development process and enhance the user interface of your web applications.
## Features
- **Reusable Components:** Currently Web design system provides a variety of reusable React components that you can easily integrate into your projects.
- **Responsive:** Our components are built with responsiveness in mind, ensuring that they look and function seamlessly across different screen sizes and devices.
## Installation
You can install react components offered by the Web design system via npm or yarn:
```bash
npm install @teradata-web/react-components
```
or
```bash
yarn add @teradata-web/react-components
```
## Usage
To use a component from Web design system, simply import it into your React application and render it:
```jsx
import React from 'react';
import { Button } from '@teradata-web/react-components';
const App = () => {
return (
alert('Button clicked!')}>Click me
);
};
export default App;
```
## Documentation
For documentation on each component, including usage examples and available props, please run the below command:
```bash
npx nx run react-components:storybook
```