atomico-use-head

Atomico hook for interacting with the document head

Usage no npm install needed!

<script type="module">
  import atomicoUseHead from 'https://cdn.skypack.dev/atomico-use-head';
</script>

README

atomico-use-head

npm npm Codecov Bundle Size

Atomico hook for interacting with the document head.

Installation

Install using npm:

$ npm install atomico-use-head

Or use in browsers with Skypack:

<script type="module">
  import { useHead } from "https://cdn.skypack.dev/atomico-use-head";
</script>

Usage

Use the useHead() hook to set the contents of the document head from your component:

import { c } from "atomico";
import { useHead } from "atomico-use-head";

function component() {
  useHead({
    title: "Hello World!",
  });

  return (
    <host>
      <p>The title of this document is `Hello World!`</p>
    </host>
  );
}

customElements.define("hello-world", c(component));

License

Copyright 2022 Kepler Sticka-Jones. Licensed ISC.