{
  "id": "@typed/ui/Dom/Render#renderDivHost",
  "canonicalId": "@typed/ui/Dom/Render#renderDivHost",
  "symbol": {
    "id": "@typed/ui/Dom/Render#renderDivHost",
    "packageName": "@typed/ui",
    "moduleName": "Dom/Render",
    "exportName": "renderDivHost",
    "kind": "function",
    "signatures": [
      "export declare function renderDivHost<const Props extends HostProps<HTMLDivElement>, const Content extends RenderableInput>(props: Props, content: Content): HostComponent<Props | Content>;"
    ],
    "summary": "Renders a native `div` host from supplied props and content.",
    "sections": {
      "Why": "Many behavior-only components need a standards-based neutral fallback while\nstill allowing callers to replace the host through `renderHost`.",
      "Ownership and lifetime": "The returned template is lazy. Its Scope owns reactive parts and the created\ndiv; it does not claim surrounding or externally supplied DOM."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { renderDivHost } from \"@typed/ui/Dom/Render\"\n\nconst host = renderDivHost({ role: \"group\", class: \"cluster\" }, \"Actions\")"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Dom/Render.ts",
      "line": 100
    },
    "since": "1.0.0",
    "category": "Host rendering"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui/Dom/Render#renderDivHost",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.13",
    "moduleName": "Dom/Render",
    "consumerSpecifier": "@typed/ui/Dom/Render",
    "exportName": "renderDivHost",
    "qualifiedName": "renderDivHost",
    "declarationKey": "declaration:bbda086d896f1c3af6fb667b",
    "family": "function",
    "signatures": [
      "export declare function renderDivHost<const Props extends HostProps<HTMLDivElement>, const Content extends RenderableInput>(props: Props, content: Content): HostComponent<Props | Content>;"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Dom/Render.ts",
        "start": {
          "line": 100,
          "column": 1
        },
        "end": {
          "line": 105,
          "column": 2
        }
      }
    ],
    "aliases": [
      "@typed/ui#Dom.renderDivHost",
      "@typed/ui/Dom#renderDivHost",
      "@typed/ui/Dom/index#renderDivHost",
      "@typed/ui/index#Dom.renderDivHost"
    ],
    "isAlias": false,
    "static": false
  },
  "declaration": {
    "declarationKey": "declaration:bbda086d896f1c3af6fb667b",
    "name": "renderDivHost",
    "family": "function",
    "facets": [
      {
        "family": "function",
        "syntaxKind": "FunctionDeclaration",
        "signatures": [
          "export declare function renderDivHost<const Props extends HostProps<HTMLDivElement>, const Content extends RenderableInput>(props: Props, content: Content): HostComponent<Props | Content>;"
        ],
        "typeParameters": [
          "const Props extends HostProps<HTMLDivElement>",
          "const Content extends RenderableInput"
        ],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Dom/Render.ts",
            "start": {
              "line": 100,
              "column": 1
            },
            "end": {
              "line": 105,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      }
    ],
    "signatures": [
      "export declare function renderDivHost<const Props extends HostProps<HTMLDivElement>, const Content extends RenderableInput>(props: Props, content: Content): HostComponent<Props | Content>;"
    ],
    "typeParameters": [
      "const Props extends HostProps<HTMLDivElement>",
      "const Content extends RenderableInput"
    ],
    "summary": "Renders a native `div` host from supplied props and content.",
    "sections": {
      "Why": "Many behavior-only components need a standards-based neutral fallback while\nstill allowing callers to replace the host through `renderHost`.",
      "Ownership and lifetime": "The returned template is lazy. Its Scope owns reactive parts and the created\ndiv; it does not claim surrounding or externally supplied DOM."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { renderDivHost } from \"@typed/ui/Dom/Render\"\n\nconst host = renderDivHost({ role: \"group\", class: \"cluster\" }, \"Actions\")"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Dom/Render.ts",
        "start": {
          "line": 100,
          "column": 1
        },
        "end": {
          "line": 105,
          "column": 2
        }
      }
    ],
    "since": "1.0.0",
    "category": "Host rendering"
  }
}