FAQ accordion

Collapsible question-answer pairs. Plus icon rotates to X on open. Smooth height animation.

3 tokens

Preview

Most schools go live within one week — data import, module config, staff onboarding, and orientation included.

No. If you can use a smartphone, you can use BentoSMS.

Usage

import { FaqAccordion } from '@/components/marketing/faq-accordion'

<FaqAccordion
  items={[
    { q: 'How long does setup take?', a: 'Most schools go live within one week.' },
    { q: 'Do I need technical skills?', a: 'No.' },
  ]}
/>

Tokens used

This component reads these tokens directly: change one on a Foundations page and it updates here and across the site.

Border--ds-border

#E5E7EB

Text primary--ds-text

#1E1E1E

Transition speed--ds-transition

300ms