Numbered List

<x-aura::numbered-list :items="[
    ['title' => 'Install Package', 'subtitle' => 'composer require insoulit/aura-wire'],
    ['title' => 'Publish Assets', 'subtitle' => 'php artisan aura-wire:install'],
    ['title' => 'Build Features', 'subtitle' => 'Use component tags in views'],
]" variant="compact" />

<x-aura::numbered-list :items="[
    ['title' => 'Install Package', 'subtitle' => 'composer require insoulit/aura-wire'],
    ['title' => 'Publish Assets', 'subtitle' => 'php artisan aura-wire:install'],
    ['title' => 'Build Features', 'subtitle' => 'Use component tags in views'],
]" variant="steps" />

<x-aura::numbered-list :items="[
    ['title' => 'Design System Tokens', 'subtitle' => 'Monochrome high contrast aesthetic', 'badge' => 'Rank 1'],
    ['title' => 'Volt Blade Primitives', 'subtitle' => 'Zero runtime overhead layout components', 'badge' => 'Rank 2'],
    ['title' => 'Interactive Overlay Suite', 'subtitle' => 'Portaled modal and popovers', 'badge' => 'Rank 3'],
    ['title' => 'Accessibility Standard', 'subtitle' => 'WAI ARIA compliant keyboard navigation', 'badge' => 'Rank 4'],
]" variant="grid" />

<x-aura::numbered-list :items="[
    ['title' => 'Verify environment configurations', 'subtitle' => 'Check .env and database connection'],
    ['title' => 'Run test suite validation', 'subtitle' => 'Execute pest and feature tests'],
    ['title' => 'Deploy production release', 'subtitle' => 'Tag release and trigger CI pipeline'],
]" variant="simple" />