Home

TEDI (TEHIK Design) 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 guidlines, but provides more specific components for designers and implements React components for developets, thus saving more developmnent resources.

TEDI contains two types of components: community and TEDI (we call them TEDI-READY) components. One that is driven by community and resolves more special usecases and the other gives stability and quality therefore implements more basic components but those that are most needed.

Usage

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

Migration from old Disainipesa component lib to TEDI

1. Removem old dependency from package.json: @tehik/react-components
2. Installi TEDI komponent lib 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. Same steps for every microfrontend in your project

References

• Repo
• NPM
• Github pages
• Slack

Development

....

Branches

Versioning