Paragraph

const Preview = () => {
  return (
    <Paragraph>
      Personvernerklæringen gir informasjon om hvilke personopplysninger vi
      behandler, hvordan disse blir behandlet og hvilke rettigheter du har.
    </Paragraph>
  );
};

render(<Preview />)

Eksempel

Størrelser

Paragraph finnes i flere tekststørrelser for å tilpasses ulike behov.

const Sizes = () => {
  return (
    <>
      <Paragraph data-size='xl'>This is an xl paragraph</Paragraph>
      <Paragraph data-size='lg'>This is a lg paragraph</Paragraph>
      <Paragraph data-size='md'>This is a md paragraph</Paragraph>
      <Paragraph data-size='sm'>This is a sm paragraph</Paragraph>
      <Paragraph data-size='xs'>This is an xs paragraph</Paragraph>
    </>
  );
};

render(<Sizes />)

Retningslinjer

Hold avsnitt fokuserte og godt strukturerte, og del opp lange tekstblokker i mindre deler for å gjøre innholdet lettere å skanne og forstå. Sørg for at linjelengde og luft rundt teksten bidrar til god leseflyt.

Tekst

Brødtekst skal være tydelig, konsis og skrevet i klart språk. Start med det viktigste innholdet slik at brukerne raskt forstår sammenhengen.

Hvert avsnitt bør handle om ett tema eller én idé av gangen. Når du forklarer komplekst innhold, del det opp i flere avsnitt for å unngå kognitiv overbelastning og gjøre informasjonen enklere for alle å følge.