DsDivider

Skillelinje.

Bruk

Når bør du bruke DsDivider?

• Til å visuelt separere innholdsseksjoner på en side.
• Til å skape tydeligere hierarki mellom grupper av relatert innhold.
• I lister eller kort for å skille elementer fra hverandre.

Når bør du unngå DsDivider?

• Når tilstrekkelig avstand (whitespace) allerede skaper tydelig visuell separasjon.
• Som dekorasjon uten funksjonell hensikt. For mange skillelinjer skaper visuell støy.

Eksempler

Grunnleggende bruk

DsDivider — interaktiv forhåndsvisning

Åpne i nytt vindu ↗

DsDivider()

Med farge

DsDivider(color: DsColor.neutral)

Retningslinjer

• Bruk skillelinjer sparsomt. Foretrekk whitespace der det er mulig.
• Sørg for at skillelinjen strekker seg over hele bredden av innholdsområdet den separerer.
• Bruk konsekvent farge og tykkelse gjennom hele applikasjonen.

Tekst

• DsDivider har ingen tekstinnhold.

Egenskaper

Egenskap	Type	Standard	Beskrivelse
color	DsColor?	null	Fargetema.

Import

import 'package:designsystemet_flutter/components.dart';

Semantikk

• Har separator-semantikk slik at skjermlesere forstår at elementet fungerer som en visuell skillelinje mellom innholdsseksjoner.

Tastaturinteraksjon

Tast	Handling
Ingen	DsDivider er ikke et interaktivt element og har ingen tastaturinteraksjon.

Fokusindikator

• DsDivider er ikke fokuserbar da det er et dekorativt element.

Fargekontrast

• Oppfyller WCAG 2.1 AA kontrastkrav.

Har du innspill til denne komponenten? Send innspill på GitHub