view-transition-name/README.md

Generate css `view-transition-name`s

# view-transition-name

![NPM Version](https://img.shields.io/npm/v/view-transition-name)

Generate css [`<view-transition-name>`](https://developer.mozilla.org/en-US/docs/Web/CSS/view-transition-name)s

## Install

```bash
npm install view-transition-name
```

## Usage

### Basic

```js
import { viewTransitionName } from "view-transition-name";

const ident = viewTransitionName(["foo", "bar", "baz@"]);
console.log(ident); // 'foo_bar_baz\\40'
```

### Non-string values

```js
import { viewTransitionName } from "view-transition-name";

const ident = viewTransitionName([
  undefined,
  null,
  true,
  false,
  3,
  { test: "hi", oof: 0 },
]);
console.log(ident); // 'undefined_null_true_false_3_test'
```