Skip to content

MariaGabrielaReis/design-system-lib

Repository files navigation

Banner com o nome do projeto

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

image