Spring navigation over
header overskriftStor header overskrift
Indhold start

Manual

Find alle elementer nedenfor eller download hele koden her til højre.

Knap med tekst

Knap med tekst, der kan anvendes til alle handlinger. Der er luft imellem kant og tekst, så knapperne er lette at læse.

Krav

  • Knaptekst bør altid formuleres som en handling, f.eks. Søg, Gem, Slet
  • Tekst skal altid kunne stå på en linje. Hvis ikke skal man anvende Stor knap eller tilføje en tekst under knappen
  • Krav til størrelse mv. fremgår af HTML/CSS, som kan downloades ovenfor

Anvendelse

Denne knap er den simpleste, og kan umiddelbart anvendes til alle handlinger.

Knappen har tre forskellige tilstande:

  • Normal tilstand
  • Hover: Skifter farve ved mouse over
  • Inaktiv: Er disabled med diskret farve, når forudsætningen for at benytte knappen ikke er opfyldt

Eksempel

Knap med tekst