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.
17 lines
792 B
17 lines
792 B
@props(['itemId' => md5(microtime(true)), 'header' => 'Accordion', 'content' => null])
|
|
@aware(['id' => md5(microtime(true))])
|
|
<div class="accordion-item">
|
|
<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
|
|
aria-expanded="false" aria-controls="{{ $itemId }}">
|
|
{{ $header }}
|
|
</button>
|
|
</h2>
|
|
<div id="{{ $itemId }}" class="accordion-collapse collapse" data-coreui-parent="#{{ $id }}">
|
|
<div class="accordion-body">
|
|
{{ $content ?? $slot }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|