Hopp til hovedinnhold

Hva leter du etter?

Prøv å søke etter…

Komponenter

Paragraph

Paragraph brukes til løpende tekst og benyttes typisk i artikler, komponenter, hjelpetekster og lignende.

HTML

Trykk Enter for å redigere
Unable to parse html
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 />)

Bruk

Bruk klassenavnet ds-paragraph<p>.

CSS variabler og data-attributter

Størrelser styres med data-size og farger med data-color. Komponenten vil arve nærmeste forelder med disse satt.

Ingen relevante css-variabler funnet.

Data-attributter
NavnVerdi
data-variantlong, short

Eksempel

Størrelser

React

variant
Description

Adjusts styling for paragraph length

Type
"long" | "default" | "short"
Default
default
asChild
Description

Change the default rendered element for the one passed as a child, merging their props and behavior.

Type
boolean
Default
false
NameTypeDefaultDescription
variant"long" | "default" | "short"default

Adjusts styling for paragraph length

asChildbooleanfalse

Change the default rendered element for the one passed as a child, merging their props and behavior.

Rediger denne siden på github.com (åpnes i ny fane)