Meta reference

Base

Edit this page

Base is a component that specifies the base URL for all relative URLs in the document. This provides a way to define the base element of your document's head.

import { 
const Base: Component<JSX.BaseHTMLAttributes<HTMLBaseElement>>
Base } from "@solidjs/meta";


<
const Base: Component<JSX.BaseHTMLAttributes<HTMLBaseElement>>
Base 
JSX.BaseHTMLAttributes<HTMLBaseElement>.target?: string | undefined
target="_blank" 
JSX.BaseHTMLAttributes<HTMLBaseElement>.href?: string | undefined
href="https://docs.solidjs.com/" />;

Usage

Adding base tag

import { 
const MetaProvider: ParentComponent
MetaProvider, 
const Base: Component<JSX.BaseHTMLAttributes<HTMLBaseElement>>
Base } from "@solidjs/meta";


export default function 
function Root(): JSX.Element
Root() {
  return (
    <
const MetaProvider: ParentComponent
MetaProvider>
      <
const Base: Component<JSX.BaseHTMLAttributes<HTMLBaseElement>>
Base 
JSX.BaseHTMLAttributes<HTMLBaseElement>.target?: string | undefined
target="_blank" 
JSX.BaseHTMLAttributes<HTMLBaseElement>.href?: string | undefined
href="https://docs.solidjs.com/" />
    </
const MetaProvider: ParentComponent
MetaProvider>
  );
}
Report an issue with this page