https://github.com/developer-dao/design-system
Design system for the D_D ecosystem usage
https://github.com/developer-dao/design-system
Last synced: 12 months ago
JSON representation
Design system for the D_D ecosystem usage
- Host: GitHub
- URL: https://github.com/developer-dao/design-system
- Owner: Developer-DAO
- License: mit
- Created: 2023-09-12T19:50:44.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-26T21:45:57.000Z (almost 2 years ago)
- Last Synced: 2025-01-13T15:17:30.651Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://website-lemon-psi.vercel.app
- Size: 6.12 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Design-System
Drinking from UI base layer designed here.
[Figma Design System](https://www.figma.com/file/adnmwbF6FlEyQPBfChxlSd/D_D-WEBSITE-(v1-%26-v2)?type=design&node-id=240%3A15773&mode=design&t=hlA98RZLkoQI1UtJ-1)
### TDSX package manager
...
### Storybook component manager
...
### Adding the design system
Install the library
```
yarn add @gordo-d/d-d-ui-components
```
At the root file of your project add
```
import "@gordo-d/d-d-ui-components/styles.css";
```
The design system is built upon Tailwind library so remember to install it acordingly
At tailwind.config.ts
```
import { theme } from '@gordo-d/d-d-ui-components';
import type { Config } from 'tailwindcss';
const config: Config = {
// other config ...
theme: {
extend: {
...theme // <-- import the custom design system theme
},
},
// other config ...
}
export default config
```