atomico-use-head
TypeScript icon, indicating that this package has built-in type declarations

1.2.1 • Public • Published

atomico-use-head

npm npm Codecov Bundle Size Conventional Commits

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.

Package Sidebar

Install

npm i atomico-use-head

Weekly Downloads

35

Version

1.2.1

License

ISC

Unpacked Size

58 kB

Total Files

23

Last publish

Collaborators

  • keplersj