apeman-react-head v3.2.0
apeman-react-head
apeman react package for head component.
Installation
$ npm install apeman-react-head --save
Usage
Render head tag with meta tags.
'use strict'
import React from 'react'
import {ApHead} from 'apeman-react-head'
const ExampleComponent = React.createClass({
render() {
return (
<html>
<ApHead charset="utf-8"
title='foo'
icon='./favicon.png'
meta={ {'description': 'This is description.'} }
version='1.0.0'
css={ ['css/lib.css', 'css/app.css'] }
js={ ['js/lib.js', 'js/app.js'] }
globals={ {
appProps: {/* ... */}
} }
>
<meta name="example-child-elm"/>
</ApHead>
<body>
</body>
</html>
)
}
})
Results like:
<!DOCTYPE html>
<html>
<head class="ap-head">
<meta class="ap-head-meta" charset="utf-8"/>
<title class="ap-head-title">foo</title>
<meta name="description" content="This is description."/>
<link rel="icon" href="./favicon.png?v=1.0.0"/>
<script type="text/js" src="js/lib.js?v=1.0.0"></script>
<script type="text/js" src="js/app.js?v=1.0.0"></script>
<link rel="stylesheet" type="text/css" href="css/lib.css?v=1.0.0"/>
<link rel="stylesheet" type="text/css" href="css/app.css?v=1.0.0"/>
<meta name="example-child-elm"/>
</head>
</html>
Components
ApHead
Props
Name | Type | Default | Description | ||
---|---|---|---|---|---|
charSet | string | 'utf-8' | CharSet | ||
title | string | Document Title | |||
icon | string | Favicon | |||
meta | arrayOf | object | Meta data | ||
itemProps | arrayOf | object | Micro data settings | ||
css | array | CSS file urls | |||
js | array | JS file urls | |||
version | string | 'unknown' | Version string | ||
versionKey | string | 'v' | Query string key for version | ||
globals | object | Global variables | |||
viewPort | object | { |
width: 'device-width', initialScale: '1.0' } | | View port settings | | base | string | null | | Base url | | baseTarget | string | undefined | | Target of base url. '_blank', '_parent', '_self', '_top' or frame name | | manifest | string | | | Path of manifest.json | | color | string | | | Theme color |
Props
Name | Type | Default | Description |
---|---|---|---|
charset | string | null | Charset value. |
title | string | null | Title value. |
icon | string | null | Favicon file path. |
meta | object | null | Meta values. |
css | array | null | Css file urls. |
js | array | null | Js file urls. |
version | string | 'unknown' | Version number. |
versionKey | string | 'v' | Key of version in query string. |
License
This software is released under the MIT License.
Links
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago