¿Y cuándo usar variantes? (Opinión)
Gif dos Homens-Aranha pensativos.
Bueno, aquí vai una opinión. Já que nada é “escrito em pedra”, acredita que una forma como o componente será criado, vai da necessidade do projeto de cada diseñador.
Eu, por ejemplo, gosto da idea de utilizar variantes para simular la animación de un elemento o tela, ya que o recurso de animacion inteligente só pode ser usado en objetos componenteizados. Isso pode ser aprobado para criar una biblioteca de movimientoPensada para criar protótipos con alta fidelidad sin ganar peso innecesario en un Design System.
Penso también que, como variantes nos ayudamos cuando necesitamos simular más de un estado, tamanho ou cor do componente. Por ejemplo, un botón con estados activos, desabilitados y presionados.
Ejemplo de uso de variantes, donde un botón puede estar en varios estados con núcleos diferentes.
Núcleos, pesos de fuente, entre otras propiedades visuales, são informações que não conseguimos suprir usando booleanos UNED intercambio de instancia (pelo menos, por tanto), sendo necesario utilizar como variantes para emular los estados posibles.
Veja a tabela montada pelo Figma sobre quando usar propiedades y quando usar variantes:
Tabla disponible en: Propiedades de componentes Playground
(Esses foram alguns dos casos que me vieram à memória, mas deixo aberto o espaço caso você lembre de mais algum e queira comentar 😉)