Komponenter och kod har flyttat så det kan det vara lite stökigt här nu!

I april 2025 driftsattes en ny version av komponentbiblioteket som matchar Jordbruksverkets nya grafiska profil. Samtidigt har vi flyttat till en ny plattform, Storybook, där du hämtar kod till komponenterna. Där hittar du även layoutsystemet, färger, ikoner och typografi. Styleguide i Storybook - v22.1.17

Marginaler och padding

Du kan ta bort marginaler, det vill säga margin, och padding som är inbyggda i komponenten genom att använda hjälpklasser.

Komponterna i styleguiden innehåller marginaler och padding, alltså mellanrum som ligger runt eller i komponenten. Ibland kan detta göra att en layout inte blir riktigt som du har tänkt dig. Du kan då justera det genom att använda hjälpklasser.

Ta bort marginaler

Hjälpklasser för att ta bort marginaler, det vill säga margin

Klassnamn

Beskrivning

mt-0

margin top 0

mr-0

margin right 0

mb-0

margin bottom 0

ml-0

margin left 0

m-0

margin 0


Ta bort padding

Hjälpklasser för att ta bort padding

Klassnamn

Beskrivning

pt-0

padding top 0

pr-0

padding right 0

pb-0

padding bottom 0

pl-0

padding left 0

p-0

padding 0

Hjälpklasserna i webbkomponenter

HTML
<jv-dynamisk-input label="Kommentar" extra-class="mb-0">
  <textarea id="textarea_medium" name="Kommentar" rows="3" wrap="soft"></textarea>
</jv-dynamisk-input

Senast publicerad

Sidansvarig för sidan är Styleguide