https://github.com/rhannachi/ui-components

React component library created with Storybook and Tailwind CSS.
https://github.com/rhannachi/ui-components

react storybook tailwindcss typescript vitejs

Last synced: 2 months ago
JSON representation

React component library created with Storybook and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/rhannachi/ui-components
• Owner: rhannachi
• Created: 2023-06-18T14:38:11.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-19T18:34:16.000Z (over 1 year ago)
• Last Synced: 2023-12-20T13:53:42.726Z (over 1 year ago)
• Topics: react, storybook, tailwindcss, typescript, vitejs
• Language: TypeScript
• Homepage: https://main--648f1b983076c579eab28ee1.chromatic.com
• Size: 1.35 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
## Storybook components

React component library created with Storybook and Tailwind CSS.

### [Link storybook library](https://main--648f1b983076c579eab28ee1.chromatic.com)

[![typescript](public/made-with-typescript.svg)](https://www.typescriptlang.org)\

[![tailwindcss](public/made-with-tailwindcss.svg)](https://tailwindcss.com/)\

[![atomic design system](public/made-with-storybook-atomic-design.svg)](https://bradfrost.com/blog/post/atomic-design-and-storybook/)

### Workflows

[![GitHub Workflows (Lint, Test, Build) Actions](https://github.com/rhannachi/ui-components/actions/workflows/workflow.yml/badge.svg?branch=main)](https://github.com/rhannachi/ui-components/actions/workflows/workflow.yml)

### Test coverage

[![codecov](https://codecov.io/gh/rhannachi/ui-components/branch/main/graph/badge.svg?token=ALPEFC8BB8)](https://codecov.io/gh/rhannachi/ui-components)\

![alt test-coverage](https://codecov.io/gh/rhannachi/ui-components/branch/main/graphs/sunburst.svg?token=ALPEFC8BB8)

### How to start

`npm start`

### How to test

`npm test`