docs/layouts/partials/components/accordion.html

14 lines
536 B
HTML

<div x-data="{ open: false }" class="border border-gray-light-200 dark:border-gray-dark-200 bg-white dark:bg-gray-dark-100">
<button class="not-prose w-full py-2 px-4 flex justify-between" x-on:click="open = ! open">
<span>{{ .title }}</span>
<span
class="material-symbols-rounded text-gray-light dark:text-gray-dark"
x-text="open ? 'expand_less' : 'expand_more'"
></span>
</button>
<div x-show="open" x-collapse class="px-4">
{{ .body | .page.RenderString (dict "display" "block") }}
</div>
</div>