mirror of
https://github.com/Dvorinka/Devour.git
synced 2026-06-04 12:33:04 +00:00
Tomas Dvorak
17 lines
2.1 KiB
JSON
17 lines
2.1 KiB
JSON
{
|
|
"id": "05176767c6a81ba91a30cc66",
|
|
"source": "solid:signals",
|
|
"type": "github-document",
|
|
"title": "meta",
|
|
"content": "---\ntitle: Meta\norder: 3\nuse_cases: \u003e-\n seo optimization, social media tags, viewport settings, charset configuration,\n open graph\ntags:\n - meta\n - seo\n - viewport\n - metadata\n - head\n - tags\nversion: '1.0'\ndescription: \u003e-\n Add SEO and viewport metadata to your Solid app with the Meta component.\n Configure description, keywords, and social media tags for better reach.\n---\n\nThe `\u003cMeta\u003e` component represents metadata that cannot be represented by other HTML elements.\nIt is a wrapper for the native [`meta`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta) element and has the same properties.\n\n```tsx twoslash\nimport { Meta } from \"@solidjs/meta\";\n\n\u003cMeta name=\"description\" content=\"My site description\" /\u003e;\n```\n\n`Meta` components can be placed in the [`MetaProvider`](/solid-meta/reference/meta/metaprovider) or added throughout the application for additional metadata or override parents.\n`Meta` tags are considered the same and will be overridden if `name` attributes match.\n## Usage\n\n### Adding `meta` tag\n\n```tsx twoslash {6-8}\nimport { MetaProvider, Meta } from \"@solidjs/meta\";\n\nexport default function Root() {\n\treturn (\n\t\t\u003cMetaProvider\u003e\n\t\t\t\u003cMeta charset=\"utf-8\" /\u003e\n\t\t\t\u003cMeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /\u003e\n\t\t\t\u003cMeta name=\"description\" content=\"Hacker News Clone built with Solid\" /\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/meta.mdx",
|
|
"metadata": {
|
|
"path": "src/routes/solid-meta/reference/meta/meta.mdx",
|
|
"repo": "solidjs/solid-docs",
|
|
"repo_url": "https://github.com/solidjs/solid-docs.git",
|
|
"size": 1381,
|
|
"source_type": "github"
|
|
},
|
|
"hash": "3e2a6efcd0d2e61c417c6f1891d13ab52a730c0d3cc514385539b4b0f26ce568",
|
|
"timestamp": "2026-02-23T11:43:00.1912647+01:00"
|
|
} |