Home

TEDI (TEHIK Design System) is open source design system used in TEHIK. Its goal is to provide toolkit and building blocks for TEHIK partners, designers, developers, product owners etc. It follows VEERA guidelines. It provides specific components for designers, implements React components for developers. As a result, provided solution saves development time.

TEDI contains two sets of components: community and TEDI (we call them TEDI-READY). Community set is driven by community and resolves special use-cases and TEDI set gives stability and quality therefore implements more basic components.

Usage

npm i @tehik-ee/tedi-design-system

Migration from old Disainipesa component library to TEDI

1. Remove old dependency from package.json: @tehik/react-components
2. Install TEDI component library npm i @tehik-ee/tedi-design-system
3. Find and replace from all files in project: "from '@tehik/react-components'" and replace "from '@tehik-ee/tedi-design-system/community'" (from is important to replace only import statements)
4. In addition you need to change style location as well: "import '@tehik/react-components/index.css'" and replace "import '@tehik-ee/tedi-design-system/index.css'"
5. Repeat the steps for every NPM project.

To get into more detail, please see here: https://github.com/TEHIK-EE/tedi-design-system/wiki/Migration-from-Disainipesa

References

• Repository: https://github.com/TEHIK-EE/tedi-design-system
• NPM: https://www.npmjs.com/package/@tehik-ee/tedi-design-system
• Storybook: https://tehik-ee.github.io/tedi-design-system/ (branch based test environment)
• Documentation: https://zeroheight.com/1ee8444b7/p/231068-color-variables
• Slack: https://tehikustiilijuhis.slack.com/

Development

....

Branches

Versioning