Skip to content
BaseLayer Themes

FAQ 05

Category nav + border accordion panels for the active group

Live preview

Browse by topic

Pick a category to see related questions.

A short discovery call, then a scoped proposal with timeline, deliverables, and communication cadence.

Async updates in your preferred tools, scheduled check-ins, and a shared board for decisions and open questions.

Documented components, CMS training when needed, and a clean repo with environment notes for your team.

File: src/blocks/faq/FAQ05.astro

Title + text, then a two-column layout: narrow category tabs on the left, border-separated accordion on the right for the selected category. First category is active on load; active tab uses elevated background + strong text.

Config (blocks.ts → faq05)

faq05: {
  width: "wide",
  heading: "Browse by topic",
  subheading: "Pick a category…",
  categories: [
    {
      id: "process",
      label: "Process",
      items: [{ question: "…", answer: "…" }],
    },
  ],
  iconStyle: "chevron",
  initialState: "first-open",
  padding: "lg",
},

Props

Prop Config key Notes
heading / subheading faq05.* Intro
categories faq05.categories { id, label, items[] }[]
iconStyle / initialState faq05.* Applied per category panel
width / padding / borders — Shared chrome

← FAQ versions · Blocks overview