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 og ikon

    Knap med ikon, der kan anvendes til alle handlinger. Der er luft imellem kant og tekst, så knapperne er lette at læse. Ikonet underbygger knappens funktion, men kan ikke erstatte tekst.

    Krav

    • Ikoner er sjælden letforståelige for alle brugere. Derfor skal de altid suppleres med tekst
    • Knaptekst bør altid formuleres som en handling, f.eks. Søg, Gem, Slet
    • Tekst skal altid kunne stå på én linje. Hvis ikke skal man anvende Stor knap eller tilføje en tekst under knappen. Se et eksempel på dette under forrige-næste knapperne i den eksemplariske løsning Blanket
    • Ikonerne her i designmanualen skal anvendes, hvis der skal bruges ikoner
    • Skal der anvendes ikoner, som ikke findes i designmanualen, skal nye ikoner have samme look and feel som ikonerne i designmanualen
    • Krav til størrelse, placering mv. fremgår af HTML/CSS, som kan downloades ovenfor

    Anvendelse

    Knap med ikon kan bruges til alle handlinger. Den kan gøre en knap til en foretrukken handling mere synlig.

    Knappen findes i 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

    Knapper med tekst