Componenten
Pas een instantie van een component aan: de variant en de eigenschappen, per breakpoint.
Instanties
- Selecteer een instantie van een component om de variant en de eigenschappen te zien in de sectie Component van Eigenschappen.
- Elke eigenschap heeft het besturingselement dat bij het type hoort: tekst, een getal, een kleur, een afbeelding, een link, een ja-of-nee-schakelaar, een keuze, een icoon uit de bibliotheek, of de component of variant van een geneste instantie. Tekst die aan een eigenschap gekoppeld is, bewerk je ook op het canvas: dubbelklik erop.
- Een waarde die je op het hoofdbreakpoint instelt, hoort bij de instantie; de knop naast een eigenschap zet de standaardwaarde van de component terug.
- Op een ander breakpoint geldt een waarde daar en op de smallere breakpoints. Het overschrijvingspunt naast de eigenschap zet ze terug naar de overgenomen waarde.
- De variant werkt op dezelfde manier: kies op een smaller breakpoint een andere voor kleinere schermen, bijvoorbeeld een compacte kaart op telefoons. Het overschrijvingspunt zet ze terug naar de variant van het bredere breakpoint.
Varianten
- Open de master van een component en selecteer een laag: de sectie Varianten toont de varianten, de hoofdvariant eerst. De hoofdvariant is de master zelf.
- Variant toevoegen voegt er een toe die begint als kopie van de hoofdvariant, en toont die. Zolang een variant op het canvas staat, verandert wat je in Eigenschappen aanpast alleen voor die variant; het overschrijvingspunt naast een veld zet het terug of verplaatst het naar de variant waarvan ze overneemt.
- Hover, Indrukken en Focus tonen de variant zoals die eruitziet als een bezoeker erop wijst, erop drukt of er met het toetsenbord komt. Wat je dan aanpast, verandert alleen in die toestand, en het canvas toont het zonder dat je hoeft aan te wijzen. Kies de toestand opnieuw om de variant in rust te zien.
- Met het menu van een variant hernoem, dupliceer, verplaats of verwijder je ze. Een instantie die een verwijderde variant toonde, toont de hoofdvariant.
Wijzigingen binnen een instantie
- Dubbelklik in een instantie om een laag erin te selecteren. Wat je dan in Eigenschappen aanpast, geldt alleen voor deze instantie: de component en de andere instanties blijven zoals ze zijn. De sectie Overschrijvingen van de instantie zegt dat ook.
- Deze wijzigingen gelden op elk breakpoint. Een tekst verander je per instantie via een eigenschap: koppel die in de component.
- Het overschrijvingspunt naast een veld zet het terug naar de waarde van de component; Alle overschrijvingen herstellen doet dat voor de geselecteerde lagen.
- Verdwijnt een laag die een instantie aanpaste uit de component, dan houdt de instantie haar wijziging bij, ongebruikt, zodat ongedaan maken ze terugbrengt. Overschrijvingen opruimen verwijdert zulke wijzigingen.