Accordion Active Background

An accordion whose currently open item gets a highlighted border and tinted background, useful for FAQ sections where the active question should stand out.

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

import AccordionActiveBg from "@/components/ui/accordion-active-bg";

export default function AccordionActiveBgDemo() {
  return (
    <div className="w-full max-w-md">
      <AccordionActiveBg />
    </div>
  );
}