<Head> Component

A component used to define items in the <head> portion of a page. No live example will be shown here as it does not present any UI at all.

Where it's used

0.x.x
Loading 0.x.x releases...
1.x.x
Loading 1.x.x releases...
2.x.x
Loading 2.x.x releases...
3.x.x
Loading 3.x.x releases...

Props

NameDescription
title
string
Sets page name used by the browser. It may include branding such as the site name.
description
string
The page description.
image
string
Sets the share image
twitterCard
string
Either 'summary_large_image' or 'summary'. Defaults to 'summary_large_image.
pageName
string
Sets the page name used externally without any branding such as the site name.
siteName
string
Sets the site name used externally.
stylesheet
array
Defines one or more <link rel="stylesheet"> tags. Use it to add global styles to the page.
Array members must be of the type below:
stylesheet[x]
object
Object contains nested props, see below:
stylesheet[x].href
string
preload
array
Defines one or more <link rel="preload"> tags. Use it when you’ll need a resource soon.
Array members must be of the type below:
preload[x]
object
Object contains nested props, see below:
preload[x].href
string
preload[x].as
string
preload[x].type
string
icon
array
Defines the favicon using one or more <link rel="icon"> tags.
Array members must be of the type below:
icon[x]
object
Object contains nested props, see below:
icon[x].href
string
icon[x].type
string
icon[x].sizes
string