# FAQ sections > Frequently asked questions; in a grid with or without icons, beside a photo, or in an accordion of plain rows or cards, on the page or the brand colour. URL: https://apogee.avaui.dev/docs/faq-sections Last updated: 2026-10-20 Frequently asked questions; in a grid with or without icons, beside a photo, or in an accordion of plain rows or cards, on the page or the brand colour. Last updated October 20, 2026 Each example is a block: a heading over the questions, laid out as a grid of answers or as an [Accordion](https://apogee.avaui.dev/docs/accordion) that opens one at a time, with a panel to get in touch. ```sh npx @ava-ui/apogee add faq/simple-01 ``` ## Copy is props Every block in this family takes the same content props (`FAQContent` in `sections/_shared/faq.ts`), with its sample copy as the defaults. A block ignores the props it has no place for, so you can swap one block for another and keep the copy. The [FAQ](https://apogee.avaui.dev/docs/sections/faq) section takes the same names for the props they share. - `eyebrow`: The small label above the heading. - `heading`: The heading. - `description`: Where a block links its description, _asterisks_ mark the link text, which points at `primaryAction.href`. - `label`: Landmark name when there is no heading. - `items`: Questions. - `primaryAction`: The contact button (and the description link’s target). - Pass `null` to hide an optional part, such as `description={null}`. - Some blocks add props of their own; the top of each block’s file lists them. [ ![](https://apogee.avaui.dev/thumbs/faq-sections__simple-01.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__simple-01.dark.webp) Simple 01A centred heading over six questions with icons, and a panel to get in touch. ](https://apogee.avaui.dev/docs/faq-sections/simple-01)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__simple-02.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__simple-02.dark.webp) Simple 02A heading with a chat link over six questions with icons, and a panel to get in touch. ](https://apogee.avaui.dev/docs/faq-sections/simple-02)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__simple-03.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__simple-03.dark.webp) Simple 03A heading with a chat link over four questions with icons beside a photo. ](https://apogee.avaui.dev/docs/faq-sections/simple-03)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__simple-04.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__simple-04.dark.webp) Simple 04A heading with a chat link over six questions without icons, and a panel to get in touch. ](https://apogee.avaui.dev/docs/faq-sections/simple-04)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-01.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-01.dark.webp) Accordion 01A centred heading over six questions that open one at a time, and a panel to get in touch. ](https://apogee.avaui.dev/docs/faq-sections/accordion-01)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-02.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-02.dark.webp) Accordion 02A centred heading over six question cards that open one at a time. ](https://apogee.avaui.dev/docs/faq-sections/accordion-02)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-03.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-03.dark.webp) Accordion 03A heading with a chat link beside six questions that open one at a time. ](https://apogee.avaui.dev/docs/faq-sections/accordion-03)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-04.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-04.dark.webp) Accordion 04A heading with a chat link beside six question cards that open one at a time. ](https://apogee.avaui.dev/docs/faq-sections/accordion-04)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__simple-01-brand.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__simple-01-brand.dark.webp) Simple 01 brandA centred heading over six questions with icons, and a panel to get in touch, on the brand colour. ](https://apogee.avaui.dev/docs/faq-sections/simple-01-brand)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__simple-02-brand.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__simple-02-brand.dark.webp) Simple 02 brandA heading with a chat link over six questions with icons, and a panel to get in touch, on the brand colour. ](https://apogee.avaui.dev/docs/faq-sections/simple-02-brand)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__simple-03-brand.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__simple-03-brand.dark.webp) Simple 03 brandA heading with a chat link over four questions with icons beside a photo, on the brand colour. ](https://apogee.avaui.dev/docs/faq-sections/simple-03-brand)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__simple-04-brand.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__simple-04-brand.dark.webp) Simple 04 brandA heading with a chat link over six questions without icons, and a panel to get in touch, on the brand colour. ](https://apogee.avaui.dev/docs/faq-sections/simple-04-brand)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-01-brand.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-01-brand.dark.webp) Accordion 01 brandA centred heading over six questions that open one at a time, and a panel to get in touch, on the brand colour. ](https://apogee.avaui.dev/docs/faq-sections/accordion-01-brand)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-02-brand.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-02-brand.dark.webp) Accordion 02 brandA centred heading over six question cards that open one at a time, on the brand colour. ](https://apogee.avaui.dev/docs/faq-sections/accordion-02-brand)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-03-brand.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-03-brand.dark.webp) Accordion 03 brandA heading with a chat link beside six questions that open one at a time, on the brand colour. ](https://apogee.avaui.dev/docs/faq-sections/accordion-03-brand)[ ![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-04-brand.light.webp)![](https://apogee.avaui.dev/thumbs/faq-sections__accordion-04-brand.dark.webp) Accordion 04 brandA heading with a chat link beside six question cards that open one at a time, on the brand colour. ](https://apogee.avaui.dev/docs/faq-sections/accordion-04-brand) ## Related [ AccordionA stack of collapsible disclosure panels; expand one to read it, collapse it to reclaim space. ](https://apogee.avaui.dev/docs/accordion)[ Featured iconAn icon in a tinted tile, the glyph that leads an empty state, an alert, a stat or a feature card. ](https://apogee.avaui.dev/docs/featured-icon)[ AvatarGroupOverlapping avatars for a compact "who's involved" cluster, with an optional +N overflow chip. ](https://apogee.avaui.dev/docs/avatar-group)