Meta Reference

Meta

Edit this page

The <Meta> component represents metadata that cannot be represented by other HTML elements. It is a wrapper for the native meta element and has the same properties.

import { Meta } from "@solidjs/meta";


<Meta name="description" content="My site description" />;

Meta components can be placed in the MetaProvider or added throughout the application for additional metadata or override parents. Meta tags are considered the same and will be overridden if name attributes match.

Usage

Adding meta tag

import { MetaProvider, Meta } from "@solidjs/meta";


export default function Root() {
  return (
    <MetaProvider>
      <Meta charset="utf-8" />
      <Meta name="viewport" content="width=device-width, initial-scale=1" />
      <Meta name="description" content="Hacker News Clone built with Solid" />
    </MetaProvider>
  );
}
Report an issue with this page