{
  "name": "faq-accordion",
  "kind": "block",
  "primary": "col-ui",
  "page": "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "gap": "4"
  },
  "html": "<col-ui gap=\"4\">\n    <header align=\"center\">\n      <h2>Frequently asked questions</h2>\n    </header>\n    <accordion-ui>\n      <accordion-item-ui value=\"q1\" text=\"What's a free-form composer?\" open>\n        <text-ui color=\"subtle\">A generative strategy that treats annotated chunks as an ingredient vocabulary. The LLM picks ingredients + order, and the transpiler stitches a net-new A2UI tree.</text-ui>\n      </accordion-item-ui>\n      <accordion-item-ui value=\"q2\" text=\"Do I need an API key?\">\n        <text-ui color=\"subtle\">For monolithic-pro and free-form generation, yes — bring your own Anthropic / OpenAI / Gemini key. Zettel verbatim retrieval is API-free.</text-ui>\n      </accordion-item-ui>\n      <accordion-item-ui value=\"q3\" text=\"How is this different from v0?\">\n        <text-ui color=\"subtle\">AdiaUI is a primitive library + protocol, not a hosted IDE. You own the components, the corpus, and the runtime. Self-host or embed anywhere web components run.</text-ui>\n      </accordion-item-ui>\n      <accordion-item-ui value=\"q4\" text=\"Can I extend the chunk corpus?\">\n        <text-ui color=\"subtle\">Yes — annotate any region in your app with data-chunk-* attributes and re-run harvest:chunks. Your patterns flow into retrieval + free-form composition automatically.</text-ui>\n      </accordion-item-ui>\n    </accordion-ui>\n  </col-ui>",
  "source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
  "metadata": {
    "domain": "content",
    "description": "FAQ page with expandable accordion items using accordion-item-ui. Question labels with collapsible answer bodies.",
    "keywords": [
      "faq",
      "accordion",
      "questions",
      "answers",
      "expandable",
      "accordion-item-ui",
      "help",
      "support",
      "knowledge-base",
      "faq-page",
      "collapsible",
      "frequently-asked"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "title",
      "textContent": "Frequently asked questions"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text"
      ]
    },
    {
      "id": "text-2",
      "component": "Text",
      "color": "subtle",
      "textContent": "A generative strategy that treats annotated chunks as an ingredient vocabulary. The LLM picks ingredients + order, and the transpiler stitches a net-new A2UI tree."
    },
    {
      "id": "accordion-item",
      "component": "AccordionItem",
      "open": true,
      "text": "What's a free-form composer?",
      "children": [
        "text-2"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "color": "subtle",
      "textContent": "For monolithic-pro and free-form generation, yes — bring your own Anthropic / OpenAI / Gemini key. Zettel verbatim retrieval is API-free."
    },
    {
      "id": "accordion-item-2",
      "component": "AccordionItem",
      "text": "Do I need an API key?",
      "children": [
        "text-3"
      ]
    },
    {
      "id": "text-4",
      "component": "Text",
      "color": "subtle",
      "textContent": "AdiaUI is a primitive library + protocol, not a hosted IDE. You own the components, the corpus, and the runtime. Self-host or embed anywhere web components run."
    },
    {
      "id": "accordion-item-3",
      "component": "AccordionItem",
      "text": "How is this different from v0?",
      "children": [
        "text-4"
      ]
    },
    {
      "id": "text-5",
      "component": "Text",
      "color": "subtle",
      "textContent": "Yes — annotate any region in your app with data-chunk-* attributes and re-run harvest:chunks. Your patterns flow into retrieval + free-form composition automatically."
    },
    {
      "id": "accordion-item-4",
      "component": "AccordionItem",
      "text": "Can I extend the chunk corpus?",
      "children": [
        "text-5"
      ]
    },
    {
      "id": "accordion",
      "component": "Accordion",
      "children": [
        "accordion-item",
        "accordion-item-2",
        "accordion-item-3",
        "accordion-item-4"
      ]
    },
    {
      "id": "root",
      "component": "Column",
      "gap": "4",
      "children": [
        "header",
        "accordion"
      ]
    }
  ]
}