{
  "id": "af28ed0cec17918024425bc1",
  "source": "solid:signals",
  "type": "github-document",
  "title": "title",
  "content": "---\ntitle: Title\norder: 1\nuse_cases: \u003e-\n  page titles, seo optimization, browser tab text, dynamic titles, navigation\n  context\ntags:\n  - title\n  - seo\n  - head\n  - meta\n  - browser\nversion: '1.0'\ndescription: \u003e-\n  Set dynamic page titles in your Solid app with the Title component. Essential\n  for SEO and providing context in browser tabs and bookmarks.\n---\n\n`Title` is a component that renders the [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title) element.\nThis will render the title of the page in the browser tab.\n\n```tsx twoslash\nimport { Title } from \"@solidjs/meta\";\n\u003cTitle\u003eMy Site\u003c/Title\u003e;\n```\n\n## Usage\n\n### Setting the title for your site\n\n```tsx twoslash title=\"root.tsx\" {5}\nimport { MetaProvider, Title } from \"@solidjs/meta\";\nexport default function Root() {\n\treturn (\n\t\t\u003cMetaProvider\u003e\n\t\t\t\u003cTitle\u003eDefault Application Title\u003c/Title\u003e\n\t\t\u003c/MetaProvider\u003e\n\t);\n}\n```",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/solid-meta/reference/meta/title.mdx",
  "metadata": {
    "path": "src/routes/solid-meta/reference/meta/title.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 898,
    "source_type": "github"
  },
  "hash": "130178a01acf5012b5c4bbe0e4fe7f158f56ce0261d8fe02febd0344ab8ea37e",
  "timestamp": "2026-02-23T11:43:00.191353296+01:00"
}