{"success":true,"data":{"block":{"id":"faq-bordered-badge","name":"Bordered Badge FAQ","title":"FAQ Bordered Badge","category":"Faq","categorySlug":"faq","description":"A centered FAQ section featuring a badge with help icon, prominent heading, description, and bordered accordion cards. The icon-enhanced badge adds visual interest while bordered cards create clear item separation. Ideal for help centers or knowledge base pages.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/289177/uyirq3o9r5mjw9mduv4efn0sa3wp/blocks-faq-bordered-badge-desktop.png","mobile":"https://cdn.ing/assets/i/r/289176/erqjhw6rakrzesto8b728j3xcla2/blocks-faq-bordered-badge-mobile.png"},"componentPath":"blocks/faq/faq-bordered-badge.tsx","code":"import { FaqBorderedBadge } from \"@opensite/ui/blocks/faq/faq-bordered-badge\";\n\nexport default function Demo() {\n  return (\n    <FaqBorderedBadge\n      badge=\"FAQ\"\n      badgeIcon=\"lucide/help-circle\"\n      heading=\"Everything You Need to Know\"\n      description=\"Get answers to common questions about features, pricing, and platform capabilities.\"\n      items={[\n        {\n          id: \"migration\",\n          question: \"Do you help with migration from other platforms?\",\n          answer:\n            \"Yes, we provide free migration assistance on Professional and Enterprise plans. Our team will help you import data, set up workflows, and train your team.\",\n        },\n        {\n          id: \"languages\",\n          question: \"What languages are supported?\",\n          answer:\n            \"The platform is available in English, Spanish, French, German, Portuguese, Japanese, and Chinese. More languages are added regularly based on demand.\",\n        },\n        {\n          id: \"reporting\",\n          question: \"Can I create custom reports?\",\n          answer:\n            \"Professional and Enterprise plans include custom report builders with drag-and-drop fields, filters, and visualizations. Schedule automated reports via email.\",\n        },\n        {\n          id: \"collaboration\",\n          question: \"How does guest access work?\",\n          answer:\n            \"Invite external collaborators as guests with limited permissions. Guests can access specific projects but can't see team data or billing information.\",\n        },\n      ]}\n    />\n  );\n}","propsSchema":{"badge":{"type":"object","description":"Badge content","typeLabel":"React.ReactNode","required":false},"badgeIcon":{"type":"string","description":"Badge icon name","required":false},"heading":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Description text below heading","typeLabel":"React.ReactNode","required":false},"items":{"type":"array","description":"Array of FAQ items","items":{"type":"object","description":"","fields":{"id":{"type":"string","description":"","required":true},"question":{"type":"object","description":"","typeLabel":"React.ReactNode","required":true},"answer":{"type":"object","description":"","typeLabel":"React.ReactNode","required":true}},"typeLabel":"FaqItem"},"typeLabel":"FaqItem[]","required":false,"minItems":3,"maxItems":10},"itemsSlot":{"type":"object","description":"Custom slot for rendering items (overrides items array)","typeLabel":"React.ReactNode","required":false},"background":{"type":"string","description":"Background style for the section","typeLabel":"SectionBackground","required":false},"spacing":{"type":"object","description":"Vertical spacing for the section","fields":{},"typeLabel":"SectionSpacing","required":false},"pattern":{"type":"object","description":"Optional background pattern name or URL","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern overlay opacity (0-1)","required":false},"patternClassName":{"type":"string","description":"Additional CSS classes for the pattern overlay","required":false},"className":{"type":"string","description":"Additional CSS classes for the section","required":false},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"headerClassName":{"type":"string","description":"Additional CSS classes for the header wrapper","required":false},"badgeClassName":{"type":"string","description":"Additional CSS classes for the badge","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"accordionWrapperClassName":{"type":"string","description":"Additional CSS classes for the accordion wrapper","required":false},"accordionClassName":{"type":"string","description":"Additional CSS classes for the accordion","required":false},"accordionItemClassName":{"type":"string","description":"Additional CSS classes for accordion items","required":false},"accordionTriggerClassName":{"type":"string","description":"Additional CSS classes for accordion triggers","required":false},"accordionContentClassName":{"type":"string","description":"Additional CSS classes for accordion content","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"exampleProps":{"badge":"FAQ","badgeIcon":"lucide/circle-help","heading":"Got Questions? We Have Answers","description":"Browse our most common questions below.","items":[{"id":"q1","question":"What makes your platform different?","answer":"We combine AI-powered workflows with a simple interface so teams ship faster."},{"id":"q2","question":"Is there a free tier?","answer":"Yes, our free tier supports up to 3 users and 5 projects with core features."},{"id":"q3","question":"How is pricing calculated for large teams?","answer":"Enterprise pricing is per-seat with volume discounts. Contact sales for a quote."}]},"dependencies":["@opensite/ui"],"tags":["faq","questions","answers","accordion","badge","icon","bordered","cards","help-center","knowledge-base"],"performance":{},"importantUsageNotes":"`badge` text renders as a pill with an optional `badgeIcon` (Iconify icon name, default: lucide/circle-help). Each accordion item is individually bordered with rounded corners. Each item requires a unique `id` along with `question` and `answer`.","usageRequirements":{"requiredProps":[],"mediaSlots":{},"requiresSiteCapabilities":[],"propConstraints":{"items":{"minItems":3,"maxItems":10}}}}},"timestamp":"2026-06-27T20:11:57.152Z"}