{"success":true,"data":{"block":{"id":"faq-numbered-list","name":"Numbered List FAQ","title":"FAQ Numbered List","category":"Faq","categorySlug":"faq","description":"A centered FAQ layout with numbered question cards. Each item displays a sequential number badge alongside the question and answer in a bordered card format. The badge header and centered layout create a structured, organized appearance. Great for step-by-step guides or prioritized FAQs.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293130/2jfsoum46lyzuti5c13hq6jd49ck/cleanshot-2026-03-04-at-04-18-12.png","mobile":"https://cdn.ing/assets/i/r/293131/vcv8skc73pzk1pif5eoae6qhgddh/cleanshot-2026-03-04-at-04-18-33.png"},"componentPath":"blocks/faq/faq-numbered-list.tsx","code":"import { FaqNumberedList } from \"@opensite/ui/blocks/faq/faq-numbered-list\";\n\nexport default function Demo() {\n  return (\n    <FaqNumberedList\n      badge=\"Getting Started\"\n      heading=\"Quick Start Guide\"\n      description=\"Follow these steps to get up and running with your new account.\"\n      items={[\n        {\n          question: \"Create your account\",\n          answer:\n            \"Sign up with your email or use single sign-on with Google, Microsoft, or your company's identity provider. Verify your email to activate your account.\",\n        },\n        {\n          question: \"Set up your workspace\",\n          answer:\n            \"Name your workspace, upload a logo, and configure your preferences. You can create multiple workspaces for different teams or projects.\",\n        },\n        {\n          question: \"Invite team members\",\n          answer:\n            \"Add colleagues by email, set their roles, and they'll receive an invitation to join. You can also create public invite links for easier onboarding.\",\n        },\n        {\n          question: \"Create your first project\",\n          answer:\n            \"Choose from templates or start from scratch. Add tasks, set deadlines, assign team members, and track progress in real-time.\",\n        },\n        {\n          question: \"Explore integrations\",\n          answer:\n            \"Connect your favorite tools like Slack, Zoom, and Google Drive. Enable notifications and automate workflows to boost productivity.\",\n        },\n      ]}\n      background=\"gray\"\n      pattern=\"diagonalCrossFadeTop\"\n      patternOpacity={1}\n    />\n  );\n}","propsSchema":{"badge":{"type":"object","description":"Badge text above heading","typeLabel":"React.ReactNode","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":{"question":{"type":"object","description":"","typeLabel":"React.ReactNode","required":true},"answer":{"type":"object","description":"","typeLabel":"React.ReactNode","required":true}},"typeLabel":"FaqItem"},"typeLabel":"FaqItem[]","required":false},"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},"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},"itemsWrapperClassName":{"type":"string","description":"Additional CSS classes for the items wrapper","required":false},"itemClassName":{"type":"string","description":"Additional CSS classes for individual items","required":false},"numberClassName":{"type":"string","description":"Additional CSS classes for the number badge","required":false},"questionClassName":{"type":"string","description":"Additional CSS classes for questions","required":false},"answerClassName":{"type":"string","description":"Additional CSS classes for answers","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["faq","questions","answers","numbered","list","cards","badge","centered","organized","steps"],"performance":{},"importantUsageNotes":"Use between 4-8 'items' for this numbered static-list layout. Each item requires a 'question' and an 'answer'; no 'id' field is needed. Numbers are auto-generated, so supply items in the intended reading order. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:10.089Z"}