Ingress

Kildekode på GitHub · Les som Markdown

Ingress brukes til ingresstekst og fremhevet brødtekst som introduserer innholdet på en side.

Utforsk

<Ingress as="p">Dette er en ingresstekst som introduserer innholdet.</Ingress>

Importering

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

Eksempel

<Ingress>Ingress som introduserer resten av innholdet på siden.</Ingress>

HTML-element

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

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

Tilgjengelighet

• Rendres som <p> som standard — sett as til span eller div ved behov for inline- eller blokk-kontekst

Props