Este repositório contém o componente OutlinedButton desenvolvido em SwiftUI, com o objetivo de praticar e estudar conceitos de componentização e design system. O botão possui diferentes variações de tamanhos, posicionamento de ícone, cores e estados, sendo um componente reutilizável para futuras aplicações iOS (SwiftUI).
- Diferentes tamanhos (large, medium, small, extrasmall, XXS)
- Posicionamente de ícone (leading, trailing, none)
- Suporte a múltiplas cores (blue, white)
- Estados (enabled, diseblad, loading)
- Implementado de forma desacoplada, seguindo boas práticas de componentização
- Xcode instalado
- Swift 5+
- iOS 15 ou superior
- Clone o repositório:
git clone https://github.com/seu-usuario/OutlinedButton.git
- Abra o projeto no Xcode:
open OutlinedButton.xcodeproj
- Execute no simulador ou em um dispositivo físico.
-
Instale o pacote no seu projeto utilizando o link desse repositorio com o Swift Package Maneger do XCode.
-
Faço o import do pacote no arquivo da view que utilizará o Outlined Button.
import ComponentsStudyDesignSystem
- Utilize o componente
OutlinedButton(label: "Botão",
iconLeading: "plus",
iconTrailing: nil,
size: .large,
color: .blue,
state: .enabled,
fillMode: false)
⚠️ Obs: Personalize os parâmetros conforme a necessidade da sua interface.
Se você deseja contribuir para melhorar a qualidade, organização ou estrutura deste código, sinta-se à vontade para abrir uma issue ou criar um pull request!
- Refatoração ou melhorias de arquitetura
- Sugestões para melhorar a escalabilidade do design system
- Feedback sobre nomeação, organização e boas práticas em SwiftUI
- Criação de testes unitários ou de snapshot
Este repositório foi criado com foco educacional e experimental.
Imagem do botão e suas versões
