FAQ 29 - Command-K question searchPro

A fake search bar opens a ⌘K command dialog that filters questions live; choosing one opens it in the accordion below.

About FAQ 29

A fake search bar opens a ⌘K command dialog that filters questions live; choosing one opens it in the accordion below.

FAQ 29 is a faq block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 143 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • command
  • search
  • dialog
  • keyboard

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add faq-29

Dependencies installed automatically: lucide-react.

Uses: accordion, dialog, kbd, reveal, utils.

Usage

import Faq29 from "@/components/blocks/faq-29"

export default function Page() {
  return <Faq29 />
}

FAQ