Blocks

FAQ

Two-column FAQ: the heading stays pinned on the left while disclosures open on the right, each answer unfolding to its natural height as the chevron turns over.

Questions, answered

The things teams ask before they switch the lights on.

Yes. The core library is MIT-licensed, so it can ship in client work, products, and internal tools without attribution. Paid tiers add blocks and services on top, never license restrictions underneath.

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal

npx lumora-ui@latest add faq

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx

import { Faq } from "@lumora/ui/blocks/faq";
// or from the barrel:
import { Faq } from "@lumora/ui";

Props worth knowing

items is an array of { question, answer }; defaultOpen picks the row open on mount (null for all closed). The heading column stays pinned on large screens while disclosures unfold on the right. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.