Laravel Text Component

Free · MIT

A typography primitive for body text with configurable size, color, weight, and HTML tag.

A Text built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag: <x-aura::text>

Try it live in the docs Install free

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::text>This is a paragraph of body text.</x-aura::text>

See the full API, props and live examples in the Text documentation.

Overview

The <x-aura::text> component renders body text with consistent typographic styling. It supports multiple sizes, semantic color variants, font weights, and configurable HTML tags. Use it as a building block for descriptions, paragraphs, labels, and inline text throughout your application.

Use text for:

Paragraphs and descriptions
Helper text and captions
Colored status messages
Inline labels and annotations

Props

Prop	Type	Default	Description
`size`	`string`	`'base'`	Font size: `xs`, `sm`, `base`, `lg`, `xl`
`color`	`string`	`'default'`	Text color: `default`, `muted`, `subtle`, `primary`, `success`, `danger`, `warning`
`weight`	`string`	`'normal'`	Font weight: `light`, `normal`, `medium`, `semibold`, `bold`
`as`	`string`	`'p'`	HTML tag to render: `p`, `span`, `div`