Crie um botão reutilizável com todos os estados no design e uma página exibindo todos os estados. Você pode trabalhar no mesmo projeto com outros desafios. Use uma biblioteca front-end como React ou Vue. Não olhe para uma solução existente. Siga os casos de uso abaixo:
- Posso ter diferentes tipos de botões: [default, outline and text]
- Eu posso desabilitar o box-shadow do botão
- Eu posso desabilitar o botão
- Posso escolher ter um ícone na esquerda ou direita do botão (Use Google Icon ou outro qualquer com pelo menos 5 tipos de ícones diferentes)
- Posso ter diferentes tamanhos de botões
- Posso ter várias cores
- Posso ver indicadores visuais quando passo o mouse por cima ou enfoco o botão
- Eu posso continuar acessando todos os [button attributes]
Este projeto foi inicializado com Create React App.
No diretório do projeto, você pode executar:
$ yarn startExecute o aplicativo em modo de desenvolvimento. Acesse http://localhost:3000 para visualizá-lo no browser.
A página irá recarregar caso você faça alguma alteração. Você também poderá ver algum erro no console.