Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-07 20:02:23 +04:00
Code Issues Projects Releases Wiki Activity

Migrate preview and docs packages from Eleventy to Astro (#2694)

Browse Source 
Co-authored-by: Bartek <xbartoszdobija@gmail.com>
This commit is contained in:
Paweł Kuna
2026-07-28 00:09:02 +02:00
committed by GitHub
parent 9820d110f6
commit d8956a06d6
1150 changed files with 52147 additions and 32804 deletions
Download Patch File Download Diff File Expand all files Collapse all files
preview/pages/faq.astro
+73
View File
@@ -0,0 +1,73 @@
---
// Port of preview/pages/faq.html.
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
import Icon from '@shared/components/Icon.astro';
import faq from '@data/faq.json';
const categories = faq as { name: string; questions: { question: string }[] }[];
---
<DefaultLayout pageHeader="Frequently Asked Questions" actions="breadcrumb" pageMenu="extra.faq">
<div class="card card-lg">
<div class="card-body">
<div class="space-y-4">
{
categories.map((category, ci) => (
<div>
<h2 class="mb-3">
{ci + 1}. {category.name}
</h2>
<div
id={`faq-${ci + 1}`}
class="accordion accordion-tabs"
role="tablist"
aria-multiselectable="true"
>
{category.questions.map((question, qi) => (
<div class="accordion-item">
<div class="accordion-header">
<button
class={`accordion-button${qi === 0 ? '' : ' collapsed'}`}
data-bs-toggle="collapse"
data-bs-target={`#faq-${ci + 1}-${qi + 1}`}
role="tab"
>
{question.question}
<div class="accordion-button-toggle">
<Icon name="chevron-down" />
</div>
</button>
</div>
<div
id={`faq-${ci + 1}-${qi + 1}`}
class={`accordion-collapse collapse${qi === 0 ? ' show' : ''}`}
role="tabpanel"
data-bs-parent={`#faq-${ci + 1}`}
>
<div class="accordion-body pt-0">
<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Accusantium alias dignissimos dolorum ea est eveniet, excepturi
illum in iste iure maiores nemo recusandae rerum saepe sed, sunt
totam! Explicabo, ipsa?
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Accusantium alias dignissimos dolorum ea est eveniet, excepturi
illum in iste iure maiores nemo recusandae rerum saepe sed, sunt
totam! Explicabo, ipsa?
</p>
</div>
</div>
</div>
</div>
))}
</div>
</div>
))
}
</div>
</div>
</div>
</DefaultLayout>