Sections
FAQ
FAQ
Frequently asked questions layout.
Frequently Asked Questions
Is it compatible with Tailwind v4?
Yes! All components are fully compatible with Tailwind CSS v4 out of the box.
Do I need to install any heavy dependencies?
No, ToolMate UI is a copy-paste library. You own the code completely.
<section class="py-12 md:py-24 max-w-3xl mx-auto px-4 w-full">
<div class="text-center mb-10">
<h2 class="text-3xl font-bold tracking-tighter">Frequently Asked Questions</h2>
</div>
<div class="space-y-4">
<details class="group rounded-lg border border-border p-4 bg-card [&_summary::-webkit-details-marker]:hidden" open>
<summary class="flex cursor-pointer items-center justify-between font-semibold">
<span>Is it compatible with Tailwind v4?</span>
<span class="transition group-open:rotate-180 text-muted-foreground">
<svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
</span>
</summary>
<p class="text-muted-foreground text-sm mt-4 leading-relaxed">Yes! All components are fully compatible with Tailwind CSS v4 out of the box.</p>
</details>
<details class="group rounded-lg border border-border p-4 bg-card [&_summary::-webkit-details-marker]:hidden">
<summary class="flex cursor-pointer items-center justify-between font-semibold">
<span>Do I need to install any heavy dependencies?</span>
<span class="transition group-open:rotate-180 text-muted-foreground">
<svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
</span>
</summary>
<p class="text-muted-foreground text-sm mt-4 leading-relaxed">No, ToolMate UI is a copy-paste library. You own the code completely.</p>
</details>
</div>
</section><section className="py-12 md:py-24 max-w-3xl mx-auto px-4 w-full">
<div className="text-center mb-10">
<h2 className="text-3xl font-bold tracking-tighter">Frequently Asked Questions</h2>
</div>
<div className="space-y-4">
<details className="group rounded-lg border border-border p-4 bg-card [&_summary::-webkit-details-marker]:hidden" open>
<summary className="flex cursor-pointer items-center justify-between font-semibold">
<span>Is it compatible with Tailwind v4?</span>
<span className="transition group-open:rotate-180 text-muted-foreground">
<svg fill="none" height="24" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
</span>
</summary>
<p className="text-muted-foreground text-sm mt-4 leading-relaxed">Yes! All components are fully compatible with Tailwind CSS v4 out of the box.</p>
</details>
<details className="group rounded-lg border border-border p-4 bg-card [&_summary::-webkit-details-marker]:hidden">
<summary className="flex cursor-pointer items-center justify-between font-semibold">
<span>Do I need to install any heavy dependencies?</span>
<span className="transition group-open:rotate-180 text-muted-foreground">
<svg fill="none" height="24" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
</span>
</summary>
<p className="text-muted-foreground text-sm mt-4 leading-relaxed">No, ToolMate UI is a copy-paste library. You own the code completely.</p>
</details>
</div>
</section>