Divider

const Preview = () => {
  return (
    <>
      <Paragraph>
        Divider er brukt for å dele opp innhold i mindre deler.
      </Paragraph>
      <Divider />
      <Paragraph>
        Den kan også brukes for å skille innhold som er relatert til hverandre.
      </Paragraph>
    </>
  );
};

render(<Preview />)

Bruk Divider når

• du vil skape en tydelig oppdeling av innhold
• whitespace alene ikke gir tilstrekkelig separasjon

Unngå Divider når

• naturlig spacing eller andre visuelle elementer gir tilstrekkelig separasjon
• for mange Divider-elementer skaper et rotete visuelt uttrykk

Retningslinjer

Divider brukes for å dele opp innhold i mindre deler, slik at det blir mer oversiktlig og lettere å lese. Den kan også brukes for å skille innhold som er relatert til hverandre, men som likevel bør ha en visuelt skille.