dev-hive-std / dev-hive-std/devhive-beauty-salon
[FE][Layout] Criar componente genérico de Botão
- Dominant language
- CSS
- Stars
- 2
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
## Componente genérico de Button
>Implementar criação do componente de botão
- Vale lembrar que, esse botão tem um padrão em todo o projeto com diferença apenas em cores e tamanhos, e para deixar uma atividade desafiadora para quem for puxá-la, a ideia é de ter esse componente como um componente genérico, onde possamos aproveitá-lo em qualquer parte do código e usando qualquer tipo de tamanho e cor.
### Explicação
>Para dar um norte a quem for desenvolver o botão
- Componentes genéricos são comuns no desenvolvimento Front end, principalmente com frameworks como React e Next. A base desses componentes é basicamente a __prop__. É por ela que vamos definir de maneira flexível e dinâmica as mudanças de cores, tamanhos e outras propriedades específicas.
---
### Ideia de desenvolvimento


Observe nos prints que o botão tem algumas semelhanças, como altura, fonte, borda quadrada, porém tem algumas diferenças como largura, cor da fonte e cor de fundo.
- Detalhes: _Procurar no template qual que é o estilo de botão mais usado(largura, cor, cor de fundo) e implementar essa regra de __default__ dentro do componente._
### Exemplos
``` javascript
location.pathname="/services"} /> //Botão largo com cor de fundo preta
//Botão default
location.pathname="/products"} /> //Botão pequeno com cor de fundo branca
```
Contributor guide
Assessment
This issue has not been assessed yet.