آکاردئون

<Accordion type="single">
<AccordionItem title="کاشی رایگان است؟" defaultOpen>بله. …</AccordionItem>
<AccordionItem title="با Next.js کار می‌کند؟">بله؛ …</AccordionItem>
<AccordionItem title="می‌توانم فونت خودم را استفاده کنم؟">بله، …</AccordionItem>
</Accordion>

<div class="k-accordion" style="inline-size:min(100%, 34rem)"><details class="k-accordion__item" name="k-acc-:r3R0:" open=""><summary class="k-accordion__trigger">کاشی رایگان است؟</summary>
  <div class="k-accordion__content">بله. کاشی متن‌باز و با مجوز MIT است و برای پروژه‌های تجاری هم رایگان است.</div></details><details class="k-accordion__item" name="k-acc-:r3R0:"><summary class="k-accordion__trigger">با Next.js کار می‌کند؟</summary>
  <div class="k-accordion__content">بله؛ کامپوننت‌ها در رندر سمت سرور هم بدون هشدار کار می‌کنند.</div></details><details class="k-accordion__item" name="k-acc-:r3R0:"><summary class="k-accordion__trigger">می‌توانم فونت خودم را استفاده کنم؟</summary>
  <div class="k-accordion__content">بله، هر فونت رایگان یا خریداری‌شده؛ راهنمای فونت و تایپوگرافی را ببینید.</div></details>
</div>