Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stencil-community/stencil-helmet
Declaratively update the <head> from a Stencil app.
https://github.com/stencil-community/stencil-helmet
component stencil
Last synced: 2 months ago
JSON representation
Declaratively update the <head> from a Stencil app.
- Host: GitHub
- URL: https://github.com/stencil-community/stencil-helmet
- Owner: stencil-community
- License: mit
- Created: 2018-01-30T22:52:55.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2023-10-17T01:23:46.000Z (over 1 year ago)
- Last Synced: 2024-10-12T19:13:21.162Z (3 months ago)
- Topics: component, stencil
- Language: TypeScript
- Homepage: https://npm.im/@stencil-community/helmet
- Size: 380 KB
- Stars: 25
- Watchers: 8
- Forks: 12
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-stencil - stencil-helmet - Declaratively update the `<head>` from a Stencil app. (Plugins / Community)
- awesome-stencil - stencil-helmet - Declaratively update the `<head>` from a Stencil app. (Plugins / Community)
README
[](https://npm.im/@stencil-community/helmet)
# Stencil Helmet
> Declaratively update the `` from a Stencil app.
---
This is a [Stencil](https://github.com/ionic-team/stencil) component meant to be used within Stencil apps to declaratively update the document ``. You pass it elements that you'd normally place in ``, and it updates `` accordingly. Each instance will override duplicate tags from preceding instances.
**Note** that, because it uses virtual DOM as input, stencil-helmet can only be used within Stencil apps and not as a standalone web component.
## Installation
```
npm install @stencil-community/helmet
```
## Usage
```jsx
import Helmet from '@stencil-community/helmet';
//...
export class MyComponent {
render() {
return (
{this.title}
);
}
}
```