Nary a Package Missing

    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.

    Install

    npm i atomico-use-head

    DownloadsWeekly Downloads

    30

    Version

    1.2.1

    License

    ISC

    Unpacked Size

    58 kB

    Total Files

    23

    Last publish

    Collaborators

    • keplersj