FAQ smooth

The FAQ Accordion is designed to solve the common issue of janky accordions. Instead of using JavaScript to animate height: auto (which causes layout thrashing), it leverages the modern CSS grid-template-rows trick. By explicitly defining transition-[grid-template-rows,o

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

// This is a file with a demo for your component
// That's what users will see in the preview
// Create new files in this directory to add more demos

import { Component } from "@/components/ui/faq-smooth";

// ONLY DEFAULT EXPORT WILL BE TREATED AS A DEMO
export default function DemoOne() {
  return <Component />;
}