FAQ Accordion
stableQuestion-and-answer module with expand/collapse interaction. Five background variants, single-open by default with optional multi-open mode.
Live Preview
Frequently Asked
EVERYTHING YOU NEED TO KNOW
Common questions about the National 1 League — admissions, season format, eligibility, and what to expect from the CPSL competition year.
The National 1 League is the top tier of the US Club Soccer National League program — a coast-to-coast competition designed to deliver the most demanding, college-relevant fixture list outside MLS Next and ECNL. CPSL operates the league for the Carolinas territory.
Admission runs through the CPSL application portal. Submit your club's competitive history, coaching credentials, and facility profile via GotSport. The competition committee reviews applications quarterly and notifies clubs within 30 days.
Fall fixtures open the weekend of September 5, 2026 and run through early November. The spring half resumes mid-March 2027 with regional finals in late May and the National Championship the second week of June.
U13 through U19 boys and girls. Each age group plays a 14-game regular-season schedule plus playoffs. U19 receives a condensed fall-only format to align with college recruiting calendars.
Yes. Every National 1 fixture is published to the NCSA and FieldLevel feeds and CPSL hosts three dedicated college showcases per year. Coaches from D1, D2, D3, and NAIA programs attend; recent showcases drew 180+ schools.
Players must hold a current US Club Soccer pass, a clean concussion-protocol certification, and a verified birth certificate on file with the club. CPSL audits rosters at the start of each half-season.
tsx
<FAQAccordion
/>Controls
background
Surface tone — also drives the text-color contrast.
allowMultiple
false
When on, multiple panels can stay open at once.
eyebrow
headline
intro
Props
| Prop | Type | Default | Description |
|---|---|---|---|
background | "cream" | "white" | "surface" | "navy" | "gold" | "cream" | Surface tone. Drives text-color contrast (light vs dark). |
allowMultiple | boolean | false | Keep multiple panels open simultaneously. |
eyebrow | string | "Frequently Asked" | Small uppercase label above the headline. |
headline | string | "EVERYTHING YOU NEED TO KNOW" | Section headline rendered in Barlow Condensed. |
intro | string | — | Optional paragraph below the headline. Pass empty string to hide. |
items | FAQItem[] | — | Array of `{ question, answer }` objects. Falls back to a built-in demo set. |
Accessibility
- • Triggers use
aria-expanded+aria-controlsfor screen readers. - • Panels are
role="region"labeled by the trigger button. - • Visible focus ring (gold) on keyboard focus.
- • Respects
prefers-reduced-motion.
Usage Notes
- • Theme is scoped via CSS custom properties — multiple instances on one page don't collide.
- • Single-open is the default;
allowMultipleopts into accordion-with-multi behavior. - • Headlines use Barlow Condensed (already loaded at the app level).