# ActionText

> Liten tekst for etiketter, hjelpetekst og UI-elementer, basert på action-typografi-tokenet.

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

ActionText brukes til etiketter, hjelpetekst og annen støttetekst i UI-elementer.

## Utforsk

*Se interaktiv playground på dokumentasjonssiden.*

## Importering

```tsx

```

## Eksempel

```tsx
Hjelpetekst under et skjemafelt.
```

## 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 etikett
</div>
```

## Tilgjengelighet

- Rendres som `<p>` som standard — sett `as` til `span` for inline-kontekst
- Unngå å bruke ActionText alene uten tilhørende, lesbart innhold

## Props

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