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 />)

Use Divider when

• you want to create a clear separation between sections of content
• whitespace alone does not provide sufficient separation

Avoid Divider when

• natural spacing or other visual elements provide enough separation
• too many Divider elements create a cluttered visual appearance

Guidelines

Divider is used to break content into smaller sections, making it easier to read and understand. It can also be used to separate content that is related but still benefits from a visual distinction.