You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
925 B
24 lines
925 B
@props(['itemId' => md5(microtime(true)), 'header' => 'Accordion', 'content' => null])
|
|
@aware(['id' => md5(microtime(true))])
|
|
<div class="accordion-item" {{ $attributes }}>
|
|
<h2 class="accordion-header">
|
|
<button
|
|
type="button"
|
|
data-coreui-toggle="collapse"
|
|
data-coreui-target="#{{ $itemId }}"
|
|
@if (! is_string($header))
|
|
{{ $header->attributes->merge(['class' => 'accordion-button collapsed']) }}
|
|
@else
|
|
class="accordion-button collapsed"
|
|
@endif
|
|
wire:ignore.self
|
|
aria-expanded="false"
|
|
aria-controls="{{ $itemId }}"
|
|
>
|
|
{{ $header }}
|
|
</button>
|
|
</h2>
|
|
<div id="{{ $itemId }}" class="accordion-collapse collapse" wire:ignore.self data-coreui-parent="#{{ $id }}">
|
|
<div class="accordion-body">{{ $content ?? $slot }}</div>
|
|
</div>
|
|
</div>
|
|
|