Gå til hovedinnhold
KOMPONENTER

Kvadratiske knapper

Kvadratiske knapper brukes med ikoner for å trigge en handling

Kvadratiske knapper skal alltid ha ett ikon, og kan ha en label på enten venstre eller høyre side. Du kan også bruke dem uten label, men bør da sende inn en alternativ beskrivelse med aria-label.

Komponenter

SuccessSquareButton og SecondarySquareButton

NavnTypePåkrevd?Beskrivelse
childrenReactNode

Tekst og ikon, ikon og tekst, eller bare ikon

classNamestring

Ekstra klassenavn

Disse to komponentene har samme API, og brukes på samme måte. Se på "standardknapper"-siden for retningslinjer om når du burde bruke Success vs Secondary.

Knappen regner med at du sender inn label-teksten som en ren string, og ikonet som en komponent. Med andre ord på denne måten:

<SecondarySquareButton>
  <RandomIkon /> En label-tekst
</SecondarySquareButton>

Du kan ikke plassere teksten inni en <span /> eller lignende, da komponenten da vil tolke den biten som et ikon. Dette vil med andre ord ikke fungere:

<SecondarySquareButton>
  <RandomIkon /> <span>En label-tekst</span>
</SecondarySquareButton>