# Ingress

> Ingresstekst som introduserer og fremhever innhold, basert på leading-typografi-tokenet.

[Kildekode på GitHub](https://github.com/bekk/designsystem/blob/main/packages/designsystem/src/ui/ingress.tsx)

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

## Utforsk

*Se interaktiv playground på dokumentasjonssiden.*

## Importering

```tsx

```

## Eksempel

```tsx
Ingress som introduserer resten av innholdet på siden.
```

## HTML-element

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

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

## Tilgjengelighet

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

## Props

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