FAQ Accordion Section
Interactive FAQ section with category filter tabs, accessible animated accordions, and support box.
Got Questions? We Have Answers
Everything you need to know about the Astro Components Kit, licensing, updates, and custom integrations.
Is this library compatible with Astro 5.x?
Yes! All components are built specifically for Astro 5.x and leverage Astro Content Collections, scoped styles, and zero-runtime architecture.
Do I need Tailwind CSS to use these components?
No. All components use pure Vanilla CSS with scoped design tokens defined in global.css. You do not need Tailwind or any heavy utility framework.
Can I use these components in commercial client projects?
Absolutely! The component kit is licensed under the permissive MIT license, allowing unlimited commercial and personal project usage with zero royalties.
How does this achieve 100/100 Lighthouse performance?
By shipping zero client-side JavaScript by default. Interactive controls use pure CSS or lightweight unobtrusive native DOM events only where strictly necessary.
How do I get help or report a bug?
You can open an issue on our GitHub repository or join our Discord developer community where maintainers and contributors are active daily.
How do I install the package in my project?
Simply run `npm install astro-component-kit` and import any component: `import { GlassCard } from 'astro-component-kit';`.
Still have questions?
Can't find the answer you're looking for? Chat to our friendly team.
Usage
Copy and paste this code into your Astro page:
---
import { FaqAccordionSection } from 'astro-component-kit';
---
<FaqAccordionSection />Manual Installation
If you are not using the npm package, create a new file src/components/sections/FAQAccordionSection.astro and paste the following code:
---
import { FaqAccordionSection } from 'astro-component-kit';
---
<FaqAccordionSection
badge="Frequently Asked Questions"
title="Got Questions? We Have Answers"
/>