Neste vídeo a demonstração da aplicação de um Design System em um input HTML, onde estaremos adicionando um ícone no lugar do label no canto esquerdo. Foi utilizado no desenvolvimento HTML e SCSS (você pode estar utilizando apenas CSS sem problema algum).
Adobe XD
https://xd.adobe.com/view/4c2bd24b-dbf5-4987-bd89-d8b83cf96e82-1978/
Código-fonte (CodeSandbox)
https://codesandbox.io/s/html-input-with-icon-mz0df?file=/index.html
Comente com sugestões de assuntos para os próximos vídeos.
------
Redes sociais
- Linkedin: https://www.linkedin.com/in/tiagoboeing
- Instagram: https://www.instagram.com/tiagoboeing
Se inscreva no canal, ative o sininho para receber notificações e curta o vídeo!
Download
0 formats
No download links available.
Criando input HTML com label personalizado (HTML, CSS e FontAwesome 5) | NatokHD