~/questoes/criacao-de-sites
Variantes são diferentes estados visuais do mesmo componente, como um botão que muda de aparência ao passar o mouse ou ser clicado. Elas permitem manter coesão visual no design system enquanto organiza todos os estados em um único componente reutilizável.
Variantes representam diferentes estados visuais do mesmo componente base. Um botão pode ter variante 'normal', 'hover' e 'ativa' sem criar três componentes diferentes, mantendo tudo organizado e fácil de manter.
Cópias completas são o oposto do que variantes fazem. Se você apenas duplicasse componentes com nomes diferentes, teria muita redundância e dificuldade para manter consistência quando precisar fazer alterações.
Exatamente. Variantes são estados visuais diferentes do mesmo componente. Um botão em estado normal, com hover, desabilitado ou ativo são todas variantes do componente 'Botão'.
Variantes não são exclusivas de dispositivos móveis. Elas funcionam em qualquer contexto e qualquer dispositivo. O conceito de variantes é sobre estados visuais, não sobre diferentes plataformas.
Variantes não são versões obsoletas que devem ser deletadas. Ao contrário, são parte ativa do design system e precisam ser mantidas para que o componente funcione corretamente em seus diferentes contextos.