Knapper
Kvadratiske knapper består av et ikon og et tilhørende label. Knappen kan benyttes til handlinger som Legg til, Last ned, Last opp osv.
Bruk SquareButton når
- du trenger en handlingsknapp med et selvforklarende ikon, for eksempel Legg til, Last ned eller Last opp
- du ønsker en mer kompakt knapp enn en vanlig tekstknapp, for eksempel i en tabell eller verktøylinje
Retningslinjer
Fungerer som en handlingsknapp med et ikon. Ikonet bør være selvforklarende for handlingen, og kan gjerne ha en Tooltip med en beskrivende tekst ved hover. Aller best er det å inkludere en label til knappen, siden ikonet da ikke feiltolkes.
Kvadratiske knapper må ha et ikon, og kan ha en label på enten venstre eller høyre side. Bruker du knappen uten label, må du sende inn en alternativ beskrivelse med aria-label.
Varianter
SquareButton finnes i variantene SuccessSquareButton og SecondarySquareButton. Begge har samme API og brukes på samme måte. Se Button for retningslinjer om når du bør bruke Success eller Secondary.
Størrelser
SquareButton støtter tre størrelser: small, medium (standard) og large.