آکاردئون
accordionکامپوننتآکاردئون برای پرسشهای متداول، با شورون در سمت چپ و ارتفاعی که با CSS grid انیمیت میشه.
بله. بدون پلن پولی و بدون قفل روی هیچ کامپوننتی.
بله، و با هر پروژهی React که Tailwind دارد.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add accordionنصب دستی
محتوای تب «کد» را در
components/ui/accordion.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Accordion } from "@/components/ui/accordion"23<Accordion items={[{ id: "free", title: "آیا رایگان است؟", content: "بله، بدون پلن پولی." }]} defaultOpen={["free"]} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| multiple | boolean | - | چند پنل همزمان باز باشن. |
| defaultOpen | string[] | - | شناسهی پنلهای باز اولیه. |