Bem-vindo ao Meu Design System! Este é um projeto de Design System construído para facilitar a criação de interfaces consistentes e reutilizáveis no React. Utilizamos a biblioteca Stitches para estilos, a biblioteca Radix UI para componentes e o Storybook para o desenvolvimento e visualização dos componentes.
Em desenvolvimento
O Design System inclui uma variedade de componentes e estilos prontos para uso em seus projetos React. Você pode encontrar os componentes disponíveis no diretório src/components e os estilos no diretório src/styles.
Para utilizar um componente ou estilo específico, você pode importá-lo em seu projeto da seguinte maneira:
import { Button } from "progamo-design-system";
// Utilizando o componente Button
<Button>Meu botão</Button>;Certifique-se de verificar a documentação completa de componentes e estilos para obter informações mais detalhadas sobre como utilizá-los em seu projeto.
O Storybook é uma ferramenta de desenvolvimento que permite visualizar e testar os componentes isoladamente. Ele fornece uma interface amigável para explorar e interagir com os diferentes estados e variantes dos componentes.
- Text
- Title
- Box
- Button
- TextInput
- TextArea
- Checkbox
- Avatar
- MultiStep
- Icon
- Label
- Switch
- Radio button
- Chip
- Breadcrumbs
- Table
- DataGrid
- Tooltip
- Picker
- Tooltip
- Dialog
Contribuições são bem-vindas! Se você deseja contribuir com este projeto, siga estas etapas:
- Faça um fork deste repositório.
- Crie um branch para sua nova feature ou correção:
git checkout -b minha-feature. - Faça as alterações desejadas e adicione os devidos testes, se aplicável.
- Envie suas alterações:
git push origin minha-feature. - Envie uma solicitação de pull para o repositório original.
Agradecemos antecipadamente suas contribuições para tornar este Design System ainda melhor!
Este projeto está licenciado sob a licença MIT.