dev-hive-std / dev-hive-std/devhive-beauty-salon

[FE][Layout] Criar componente genérico de Botão

Open
#32 0 comments 0 reactions 0 assignees View on GitHub
enhancement high complexity
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

![Image](https://github.com/user-attachments/assets/4230a0ab-6f79-4fb2-b078-a1ed060cb0cf)

![Image](https://github.com/user-attachments/assets/e4f48577-6073-4f9b-b3a2-5280dafc7bb0)

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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.