text

Text with the kit's type styles.

Example

A heading

Small supporting text.

seg_lapsed_2025

Laravel

<x-admin::text as="h3" variant="heading">A heading</x-admin::text>
<x-admin::text variant="subtle" size="small">Small supporting text.</x-admin::text>
<x-admin::text as="span" mono>seg_lapsed_2025</x-admin::text>

Props

PropRequiredDefaultOptions
as"p"p, span, div, strong, h1, h2, h3, h4
variantnulltitle, heading, subtle
sizenull
monofalse

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { Text } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack
<h3 class="adm-heading">A heading</h3>
<p class="adm-subtle adm-small">Small supporting text.</p>
<span class="adm-mono">seg_lapsed_2025</span>