Alex Haslam
38 lines
1.2 KiB
HTML
38 lines
1.2 KiB
HTML
{{ $parent := .Parent }}
|
|
{{ $separated := false }}
|
|
{{ if $parent }}
|
|
{{ $separated = $parent.Get "separated" | default false }}
|
|
{{ end }}
|
|
{{ $isSeparated := or (eq $separated true) (eq $separated "true") }}
|
|
|
|
{{ $title := .Get "title" | default (.Get "header") }}
|
|
{{ $icon := .Get "icon" }}
|
|
{{ $md := .Get "md" | default true }}
|
|
{{ $open := .Get "open" | default false }}
|
|
{{ $isOpen := or (eq $open true) (eq $open "true") }}
|
|
|
|
<details
|
|
class="{{ if $isSeparated }}rounded-lg border border-neutral-200 dark:border-neutral-700 overflow-hidden{{ else }}border-none{{ end }}"
|
|
data-accordion-item
|
|
{{ if $isOpen }}open{{ end }}
|
|
>
|
|
<summary class="flex w-full cursor-pointer items-center justify-between gap-4 px-4 py-3 text-left text-lg font-semibold text-neutral-900 dark:text-neutral-100">
|
|
<span class="flex items-center gap-2">
|
|
{{ with $icon }}
|
|
{{ partial "icon.html" . }}
|
|
{{ end }}
|
|
<span>{{ $title }}</span>
|
|
</span>
|
|
<span>
|
|
{{ partial "icon" "chevron-down" }}
|
|
</span>
|
|
</summary>
|
|
<div class="px-4 pb-4 text-neutral-700 dark:text-neutral-300">
|
|
{{ if $md }}
|
|
{{- .Inner | markdownify -}}
|
|
{{ else }}
|
|
{{- .Inner -}}
|
|
{{ end }}
|
|
</div>
|
|
</details>
|