Skip to main navigationSkip to main content
Return to Sky UI homepage

FAQ Accordions - Overview

Purpose

The FAQ Accordion is a section created to allow for a consistent delivery of FAQs, paired with a title, body copy, and optional Text Link to show the user more information.

Anatomy

The FAQ Accordion section can be broken down into the following elements -

  1. Section Heading
    Title and copy to provide more information to the user.

  2. FAQ Accordions
    Up to six Accordions can be used in the FAQ Accordion section.

  3. Text Link (optional)
    An optional Text Link that can be used to direct users to a new page with more FAQs.

Variants & States

Section

  • Breakpoint: Mobile, Desktop

Component

  • Breakpoint: Mobile, Desktop
  • Number of FAQs: One — Six
  • Description: on/off
  • Link: on/off

Mobile

Desktop