MariaGabrielaReis / design-system-lib

Projeto 05 (Ignite - Rocketseat): Design System "maby-ui", para projetos pessoais ✨

Design System para utilização em projetos pessoais ✨
Aplicação construída no Projeto 05 do Ignite (Trilha React), promovido pela Rocketseat 🚀

🛠️ Tecnologias e ferramentas: TypeScript, React, Stitches, RadixUI, TurboRepo, Phosphor (icons), Storybook

⚙️ Como rodar

Para verificar o Storybook, tokens e componentes, clique aqui, para rodar, siga o tutorial abaixo com o Node, Yarn e Git instalados:

# Clone esse repositório
$ git clone https://github.com/MariaGabrielaReis/design-system-lib.git

# Instale as dependências do projeto, assim como suas tipagens
$ yarn

# Execute a aplicação
$ yarn dev

# O site inciará na porta:3000 - acesse http://localhost:3000

🧩 Componentes (disponíveis e planejados)

• Text
• Heading
• Box
• Button
• TextInput
• TextArea
• Checkbox
• Avatar
• Multistep
• Tooltip
• Toast
• Modal