https://github.com/brunobecoski/ignite-reactjs-05-design-system
Aplicação Design System desenvolvida no módulo: Design System
https://github.com/brunobecoski/ignite-reactjs-05-design-system
react rocketseat storybook typescript
Last synced: about 1 month ago
JSON representation
Aplicação Design System desenvolvida no módulo: Design System
- Host: GitHub
- URL: https://github.com/brunobecoski/ignite-reactjs-05-design-system
- Owner: BrunoBecoski
- Created: 2022-10-17T21:26:06.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-10-23T20:25:32.000Z (over 2 years ago)
- Last Synced: 2023-03-05T12:11:24.703Z (about 2 years ago)
- Topics: react, rocketseat, storybook, typescript
- Language: TypeScript
- Homepage: https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/
- Size: 4.17 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Design System
## Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [ReactJS](https://reactjs.org)
- [TypeScript](https://www.typescriptlang.org/)
- [Stitches](https://stitches.dev)
- [Vite](https://vitejs.dev)
- [Storybook](https://storybook.js.org)
## Components
### Data Display
- [Avatar](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/data-display-avatar--primary)
- [Toast](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/data-display-toast--primary)
- [Tooltip](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/data-display-tooltip--primary)
### Surfaces
- [Box](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/surfaces-box--primary)
### Form
- [Button](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/form-button--primary)
- [Checkbox](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/form-checkbox--primary)
- [Multi Step](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/form-multi-step--primary)
- [Text Area](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/form-text-area--primary)
- [Text Input](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/form-text-input--primary)
### Typography
- [Heading](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/typography-heading--primary)
- [Text](https://brunobecoski.github.io/Ignite-ReactJS-05-Design-System/?path=/story/typography-text--primary)
