@gudhub/meta-tag-component
v1.0.0
Published
Downloads
1
Readme
Meta tag web component
Basic example
<meta-tag type="description"></meta-tag>
Possible attributes
- type - type of meta tag. Also, this will be namespace for value finding in application. type can be "title" or "description".
- data-chapter - application for value finding. 'pages' by default.
- og - if true, will make open graph meta tag. For example, if you will pass type="description" and og="true", it will generate a meta tag with name 'og:description'. In case if you will pass type="title" and og="true", will generate meta tag with two attributes
<meta property="og:site_name" content="[title_of_page]">
- twitter - if true, will make twitter card meta tag. For example, if you will pass type="description" and twitter="true", it will generate a meta tag with name 'twitter:description'.
- data-twitter-name - in this attribute you need set @username of website in Twitter. You need to use this attribute with atributes - "twitter" and " type='title' ". Example:
<meta-tag twitter type="title" data-twitter-name="@username"></meta-tag>
It will generate this meta tags:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="[data_twitter_name]">
Complex usage
<meta-tag og type="title"></meta-tag>
<meta-tag twitter type="title" data-twitter-name="@username"></meta-tag>
<meta-tag type="description"></meta-tag>
<meta-tag og type="description"></meta-tag>
<meta-tag twitter type="description"></meta-tag>