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