Laravel List Component
Free · MITA styled list component with support for icons, dividers, and multiple visual variants.
A List 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::list>
Installation
composer require bluestarsystem/aura-uiUsage
<x-aura::list>
<x-aura::list.item>First item</x-aura::list.item>
<x-aura::list.item>Second item</x-aura::list.item>
<x-aura::list.item>Third item</x-aura::list.item>
</x-aura::list>See the full API, props and live examples in the List documentation.
Overview
The <x-aura::list> component renders a styled unordered list with optional dividers and visual variants. Each <x-aura::list.item> supports an optional leading icon. Use it for navigation menus, feature lists, settings groups, or any structured list of items.
Props
List
| Prop | Type | Default | Description |
|---|---|---|---|
variant |
string |
'default' |
Visual style: default, bordered, flush. |
divided |
bool |
false |
Show divider lines between items. |
List Item
| Prop | Type | Default | Description |
|---|---|---|---|
icon |
string|null |
null |
Icon name displayed before the item text. |
See more examples and every variant in the List documentation.