# FaqBand

> FAQ band: a LandingHeader over one or two Accordion columns.

```ts
import { FaqBand } from "@sdxc/ui/landing";
```

Renders a FAQ band with a chapter header and one or two accordion columns.
The column host is the named sizing container; an inner wrapper holds the
`@container` tracks so the query can restyle a descendant.

## Examples

```tsx
<FaqBand title={t("faq.title")} columns={2}>
	<Accordion>{leftItems}</Accordion>
	<Accordion>{rightItems}</Accordion>
</FaqBand>
```

## Props

| Prop | Type | Description |
| --- | --- | --- |
| `columns?` | `Columns` | Column count. Defaults to DEFAULT_COLUMNS. |
| `tone?` | `Tone` | Band fill. Defaults to DEFAULT_TONE. |
| `eyebrow?` | `RemixNode` | Optional eyebrow above the title. |
| `title` | `RemixNode` | Section title — required, always supplied by the page. |
| `description?` | `RemixNode` | Supporting lead under the title. |
| `children` | `RemixNode` | Accordion column(s). Pass one Accordion for a single column, or two for a split FAQ — the band lays them in a responsive grid. |
| `parts?` | `PartsProps` | Per-part styling for title, lead, and columns. |

Also accepts everything in `Omit<
		LandingSection.Props,
		"children" | "tone" | "title" | "parts"
	>`.