ActionText

Kildekode på GitHub · Les som Markdown

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

Utforsk

<ActionText as="p">Hjelpetekst</ActionText>

Importering

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

Eksempel

<ActionText>Hjelpetekst under et skjemafelt.</ActionText>

HTML-element

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

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

Tilgjengelighet

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

Props