Aura Wire

Livewire UI Kit

Typography

Component

Lead

Prominent introductory paragraph component designed to give high emphasis and visual hierarchy to leading copy below page titles.

Component Syntax

blade 
<x-aura::lead size="lg">
    Lead introductory summary paragraph.
</x-aura::lead>

1. Standard Lead Paragraph

blade

Introducing Aura Wire

Aura Wire provides unstyled, accessible Livewire and Blade UI components designed to elevate your developer workflow and scale design systems effortlessly.

2. Size Scales

blade

2XL Lead — Maximum emphasis lead summary for major landing hero sections.

XL Lead — Large intro description for featured article headers.

Large Lead — Standard high emphasis introduction paragraph.

Medium Lead — Compact section lead for inner panel cards.

3. Color Variants and Font Weights

blade

Default Muted Lead (Regular 400)

Accent High Contrast Lead (Medium 500)

Subtle Light Weight Lead (Light 300)

Semibold Weight Lead (Semibold 600)

Component Props

Available properties and configurations for the lead paragraph component.

Prop Default Available Values

as

p
p span

size

lg
sm md lg xl 2xl

variant

default
default subtle muted accent primary inverse white

weight

normal
light normal medium semibold bold

align

null
left center right justify

pretty

true
true false