Typografi

Biblioteket bruker skrifttypen Inter som er bundet med i pakken i vektene 400 (regular), 500 (medium) og 600 (semibold).

DsHeading

Overskrifter brukes til å strukturere innhold hierarkisk. Alle overskrifter har vekt 500 (medium) og linjehøyde 1.3.

Syv nivå

Nivå	Enum
Ekstra ekstra stor	DsHeadingLevel.xxl
Ekstra stor	DsHeadingLevel.xl
Stor	DsHeadingLevel.lg
Medium	DsHeadingLevel.md
Liten	DsHeadingLevel.sm
Ekstra liten	DsHeadingLevel.xs
Ekstra ekstra liten	DsHeadingLevel.xxs

Eksempel

DsHeading(
  text: 'Sideoverskrift',
  level: DsHeadingLevel.xl,
)

DsParagraph

Brødtekst med fem størrelser og tre varianter som styrer linjehøyde.

Størrelser

DsParagraphSize.xs, DsParagraphSize.sm, DsParagraphSize.md, DsParagraphSize.lg, DsParagraphSize.xl

Varianter

Variant	Linjehøyde	Bruk
standard	1.5	Vanlig brødtekst
short	1.3	Kompakt tekst, UI-elementer
long	1.7	Lengre artikler, bedre lesbarhet

Eksempel

DsParagraph(
  text: 'Dette er en avsnittekst med god lesbarhet.',
  size: DsParagraphSize.md,
  variant: DsParagraphVariant.long,
)

DsLabel

Brukes til etiketter for skjemafelt. Stilen følger temaets typografidefinisjon og tilpasses automatisk til gjeldende størrelse.

DsLabel(
  text: 'E-postadresse',
)

DsValidationMessage

Brukes til valideringsmeldinger under skjemafelt. Vises typisk i kombinasjon med DsField.

DsValidationMessage(
  text: 'Feltet er påkrevd',
  type: DsValidationType.error,
)