Jordbruksverkets Designsystem

Knappar

Primary

Primary

Secondary

Secondary

Icon

Primary Primary Secondary

Compact

Compact primary Compact

Tiny

Tiny

Disabled

Gör knapparna inaktiva genom att lägga till disabled-attributet.

Disabled Disabled primary Disabled compact Disabled tiny

A-taggar stödjer inte disabled-attributet, så du måste lägga till .disabled-klassen för att få den visuellt att visas inaktiverad.

Disabled Disabled primary

Tillgänglighet

Lägg till aria-label attributet för att definiera en sträng i de fall där en textetikett inte syns på skärmen.

X

A/input-element

.c-btn-klasserna är utformade för att användas med button-elementet, men du kan också använda dessa klasser på a- eller input-element

Link as a button