MarkdownDetails

2 variants. Open one in isolation: use the link on each card.

Collapsed

Open alone →
Tips for collapsed sections

Open

Open alone →
Tips for collapsed sections
src/ui/2_organisms/MarkdownDetails.astro
---
import '../../styles/markdown-details.css'


interface Props {
  summary: string
  open?: boolean
}


const { summary, open = false } = Astro.props
---


<details open={open || undefined}>
  <summary>{summary}</summary>
  <div class="markdown-details-body">
    <slot />
  </div>
</details>