Aura Wire

Livewire UI Kit

Data

Component

List

Clean list components supporting media rows, compact list groups, cards, and minimalist layout.

Component Syntax

blade 
<x-aura::list :items="$items" variant="media" />

1. Media List

blade
Tailwind CSS v4 Integration

Tailwind CSS v4 Integration

Core

Zero config styling with dark mode and CSS variables.

Livewire Volt Single File Views

Livewire Volt Single File Views

Blade

Unified component logic and Blade templating in one file.

Polymorphic Component Engine

Polymorphic Component Engine

UI

Flexible prop schemas for links, buttons, and custom slots.

2. Compact List Group

blade

System Backup Completed

Automated snapshot created at 04:00 AM

Success

SSL Certificate Renewed

Valid until August 2027

Active

Database Vacuum Run

Cleared 420MB unused index space

Optimized

3. Grid Cards List

blade
Tier 1

Enterprise SLA

99.99% guaranteed uptime

Security

Dedicated VPC

Isolated virtual cloud environment

4. Simple Text List

blade
  • Real time websocket notifications

    Sub millisecond dispatch

  • Role based access controls

    Granular team permissions

Component Props

Available properties and configurations for the list component.

Prop Default Available Values

items

[]

Array of objects or associative arrays

variant

card
media compact grid simple card