https://github.com/calvin-ll/view-transition-name

format strings to valid css `view-transition-name`s
https://github.com/calvin-ll/view-transition-name

Last synced: about 1 year ago
JSON representation

format strings to valid css `view-transition-name`s

• Host: GitHub
• URL: https://github.com/calvin-ll/view-transition-name
• Owner: Calvin-LL
• License: mit
• Created: 2025-07-01T06:41:03.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-01T08:50:55.000Z (about 1 year ago)
• Last Synced: 2025-07-01T08:55:31.396Z (about 1 year ago)
• Language: TypeScript
• Size: 1.95 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# view-transition-name

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

Generate css [``](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'

```