Faq 4
smoothui-registry/faq-4FreeBlock
Categorized FAQ section with tab navigation
Install it
npx shadcn@latest add https://www.smoothui.dev/r/faq-4.jsonSource
1"use client";23import { ChevronDown } from "lucide-react";4import { AnimatePresence, motion, useReducedMotion } from "motion/react";5import { useState } from "react";67export interface FaqCategorizedProps {8 categories?: Array<{9 name: string;10 faqs: Array<{11 question: string;12 answer: string;13 }>;14 }>;15 description?: string;16 title?: string;17}1819const defaultCategories = [20 {21 faqs: [22 {23 answer:24 "Setting up SmoothUI is straightforward. Install the package using npm or pnpm, then import the components you need. Our CLI tool can also help scaffold components directly into your project with the right dependencies.",25 question: "How do I set up SmoothUI in my project?",26 },27 {28 answer:29 "SmoothUI requires React 18 or later, Next.js 13+, and Node.js 18+. You'll also need Tailwind CSS configured in your project. All modern browsers are supported.",30 question: "What are the minimum requirements?",31 },32 {33 answer:34 "Use our CLI command `npx shadcn@latest add @smoothui/component-name` to add any component. This will install the component with all its dependencies and place it in your components directory.",35 question: "How do I add my first component?",36 },37 ],38 name: "Getting Started",39 },40 {41 faqs: [42 {43 answer:44 "Yes, SmoothUI is completely free and open source under the MIT license. You can use it in personal and commercial projects without any cost or attribution requirements.",45 question: "Is SmoothUI free to use?",46 },47 {48 answer:49 "Since SmoothUI is free, there are no purchases to refund. For any premium services or support packages we may offer in the future, our refund policy will be clearly stated.",50 question: "Do you offer refunds?",51 },52 {53 answer:54 "Currently, all components are free. If we introduce premium features, we'll support major credit cards, PayPal, and other popular payment methods through our secure payment processor.",55 question: "What payment methods do you accept?",56 },57 ],58 name: "Billing",59 },60 {61 faqs: [62 {63 answer:64 "SmoothUI supports all modern browsers including Chrome, Firefox, Safari, and Edge. We test across the latest versions and one version back for each browser to ensure compatibility.",65 question: "Which browsers are supported?",66 },67 {68// … truncated
What it pulls in
npm packages
Other registry items
Files it writes
More from SmoothUI Registry
All 178 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Chat Templatechat-template | SmoothUI Registry | Blocks | Free | 2 deps · 4 files | |
| Cta 1cta-1 | SmoothUI Registry | Blocks | Free | 1 dep | |
| Cta 2cta-2 | SmoothUI Registry | Blocks | Free | 1 dep | |
| Cta 3cta-3 | SmoothUI Registry | Blocks | Free | 1 dep | |
| Faq 1faq-1 | SmoothUI Registry | Blocks | Free | 2 deps | |
| Faq 2faq-2 | SmoothUI Registry | Blocks | Free | 1 dep | |
| Faq 3faq-3 | SmoothUI Registry | Blocks | Free | 2 deps | |
| Features 1features-1 | SmoothUI Registry | Blocks | Free | 1 dep |
