FAQ Accordion Section

FAQ accordion section set in one ink on one paper: a display headline cut by a stencil slit that lifts clear on hover, live search across questions and answers with matches highlighted, and rows that flood with ink edge to edge as they open. A real accessible accordion with keyboard navigation, deep links per question and Copy link. Single or multiple open, four presets, light and dark.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds FAQ Accordion Section to your project and fits it to your theme.

import SlitTypeFaq from "@/components/ui/slit-type-faq"

export default function SlitTypeFaqDemo() {
  return (
    <div className="w-full">
      <SlitTypeFaq />
    </div>
  )
}