# atomico-use-head

> Atomico hook for interacting with the document head

Latest version **1.2.1** (published 2022-03-29) · ISC license · 0 weekly downloads

## Install

```sh
npm install atomico-use-head
pnpm add atomico-use-head
yarn add atomico-use-head
bun add atomico-use-head
```

## Health

**Score 45/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.2.1 |
| Published | 2022-03-29 |
| First published | 2022-01-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM |
| Dependencies | 0 |
| Unpacked size | 56.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Kepler Sticka-Jones |
| Maintainers | keplersj |
| Keywords | webcomponents, seo, head, meta, atomico |

## Links

- npm: https://www.npmjs.com/package/atomico-use-head
- Repository: https://github.com/keplersj/atomico-use-head
- Homepage: https://github.com/keplersj/atomico-use-head#readme
- Issues: https://github.com/keplersj/atomico-use-head/issues
- Funding: https://github.com/sponsors/keplersj
- npm.io page: https://npm.io/package/atomico-use-head

## Recent versions

- 1.2.1 (latest) — 2022-03-29
- 1.2.0 — 2022-02-17
- 1.1.1 — 2022-02-14
- 1.1.0 — 2022-01-24
- 1.0.2 — 2022-01-24
- 1.0.1 — 2022-01-23
- 1.0.0 — 2022-01-23

## README

# atomico-use-head

[![npm](https://img.shields.io/npm/v/atomico-use-head)](https://www.npmjs.com/package/atomico-use-head)
[![npm](https://img.shields.io/npm/dw/atomico-use-head)](https://www.npmjs.com/package/atomico-use-head)
[![Codecov](https://img.shields.io/codecov/c/github/keplersj/atomico-use-head)](https://app.codecov.io/gh/keplersj/atomico-use-head)
[![Bundle Size](https://img.shields.io/bundlephobia/min/atomico-use-head)](https://bundlephobia.com/package/atomico-use-head)
[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://www.conventionalcommits.org/)

Atomico hook for interacting with the document head.

## Installation

Install using [npm](https://npmjs.com):

```sh
$ npm install atomico-use-head
```

Or use in browsers with [Skypack](https://www.skypack.dev/):

```html
<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:

```jsx
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](https://keplersj.com). Licensed ISC.

---
_Source: https://npm.io/package/atomico-use-head · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._