Beta

BodyText

BodyText brukes til all løpende tekst og ordinært innhold.

Utforsk

Dette er en tekstblokk.

children

<BodyText as="p">Dette er en tekstblokk.</BodyText>

Importering

import { BodyText } from "@kilden/designsystem";

Eksempel

<BodyText>Løpende brødtekst som utdyper innholdet videre.</BodyText>

HTML-element

Bruk as-prop for å velge element uavhengig av størrelse:

<div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
<BodyText as="p">Avsnitt (standard)</BodyText>
<BodyText as="span">Inline span</BodyText>
<BodyText as="strong">Uthevet tekst</BodyText>
</div>

Tilgjengelighet

Rendres som <p> som standard — sett as til span eller div ved behov for inline- eller blokk-kontekst
Bruk as="strong" eller as="em" for å formidle semantisk vekt

Props

Prop	Type	Default	Beskrivelse
`as`	`"p" \| "span" \| "div" \| "strong" \| "em"`	`"p"`	HTML-element
`asChild`	`boolean`	`false`	Rendrer barn-elementet som teksten (Radix Slot)