Thumbnail Button
Thumbnail Button realizam ações de cliquem em uma thumbnail/foto, da mesma forma que um Button
Uso
Button Thumbnail realizam ações de cliquem em uma thumbnail/foto, da mesma forma que um Button. Eles geralmente são colocados em em header, indicando que o usuário está logado e que ali é o clique que abre o menu do usuário.
Anatomia
❖. Container
O container recebe a imagem necessária no contexto.
Há uma borda clara e fina nas laterais para que fique mais claro a demarcação do contorno da imagem
1. Playing mode (Opcional)
A aplicação do Playing mode é opcional a depender do contexto se houver a conexão com streaming e estiver tocando algo.
2. Thumbnail
A Thumbnail é necessária para o componente, já que se da o próprio nome. Nela é permitido mudanças de skin. Como Fill, Tonal e Outlined com aplicação de iconografia. E também uma skin Image, sendo a principal aplicação.
3. Badge (Opcional)
A aplicação do Badge é opcional pelo contexto aplicado. Geralmente visto quando o componente é aplicado no Header.
4. Plain Tooltip
O Plain Tooltip é sempre necessário em contextos de hover, já que o componente não possui labels.
Histórico de Atualizações
Atualizado