Hvad er varianter?

Varianter giver mulighed for at gruppere flere variationer af en komponent, såsom forskellige stilarter eller tilstande af en knap, i én samlet container. For eksempel kan mørke, lyse og grønne versioner af en søgeknap grupperes i ét variantsæt, hvilket forenkler håndtering og brug af aktiver.

Oprettelse af et variantsæt

• Vælg en gruppe komponenter.
• Gå til Design-panelet og vælg Opret komponent-sæt for at gruppere komponenterne i én variant.
• Brug skråstreger (f.eks. button/dark/default) til at organisere egenskaber som stil (dark, light, green) og tilstand (default, hover).
• Omdøb egenskabsetiketter for tydelighed, såsom at ændre "Property 1" til Stil og "Property 2" til Tilstand.

Håndtering af varianter

Forekomster af varianter kan oprettes ved at kopiere en af dem. Egenskaber for hver forekomst kan justeres fra Design-panelet, hvilket gør det muligt at skifte mellem forskellige stilarter eller tilstande. For at tilføje flere varianter, brug plus-ikonet under variantsættet for at inkludere yderligere variationer.

Oprettelse af interaktioner

For interaktive prototyper, forbind en standardknap til dens hover-tilstand i Prototype-fanen. Indstil Trigger til "While Hovering" og Animation til "Dissolve" med en varighed på 500 ms. Brug Preview-knappen nær flowets startpunkt for at teste interaktioner direkte.

Denne strømlinede struktur gør processen lettere at forstå og følge. Giv besked, hvis der ønskes yderligere tilpasninger!