Variante
Una versión preparada de un mismo componente que cambia según unas opciones: por ejemplo un botón en su forma principal o secundaria, grande o pequeño, normal o desactivado. En lugar de crear un componente distinto para cada combinación, defines uno solo con opciones y eliges la que necesitas.
En una analogía · Es el mismo café pero en tamaños y leches distintas: la misma esencia, con opciones controladas.
Sin variantes, acabarías con decenas de componentes casi iguales (botón-grande-azul, botón-pequeño-gris, botón-desactivado) que son una pesadilla de mantener. Cambiar algo común a todos obligaría a tocarlos uno por uno.
Con variantes, hay un único componente y unas opciones controladas. Eso mantiene el catálogo limpio y asegura que todas las versiones comparten la misma base, así que una mejora en el original llega a todas.
Lecturas de referencia
A seguir