Aura Wire

Livewire UI Kit

Display

Component

Accordion

Expandable vertical accordion item groups with support for borderless modes, custom sizing, and single or multiple open items.

Component Syntax

blade 
<x-aura::accordion default="faq-1" bordered="true" divided="true">
    <x-aura::accordion.item name="faq-1" title="Question Title" size="md">
        Content
    </x-aura::accordion.item>
</x-aura::accordion>

1. Accordion Group

blade
Aura Wire is a sleek Blade and Livewire component library crafted with high contrast monochrome design foundation.
Install via Composer and publish configuration assets.
Yes, dark mode is supported out of the box with automatic class or media strategy options.

2. Borderless & Undivided Mode

blade
Zero overhead server side rendering with precompiled Blade templates.
Engineered with full WAI ARIA accessibility compliance out of the box.

3. Size Variants

blade
Compact accordion title font and padding.
Standard accordion title font and padding.
Prominent accordion title font and padding.

Component Props

Available properties and configurations for the accordion component.

Prop Default Available Values

multiple

false
true false

default

null

Item name string or array of strings

bordered

true
true false

divided

true
true false

size (item)

sm
xs sm md lg xl