viewTransition

Wraps the View Transitions API. When document.startViewTransition is available the helper schedules fn inside a transition; otherwise it simply calls fn() so your code keeps working in browsers without support.

Importing

import { viewTransition } from '@basmilius/utils';

Usage

import { viewTransition } from '@basmilius/utils';

viewTransition(() => {
    document.documentElement.classList.toggle('dark');
});

Parameters

Name	Type	Description
fn	Function	The DOM mutation that should run inside the transition.

Returns

void — the transition (or fallback) runs synchronously.

Type signature

declare function viewTransition(fn: Function): void;

See also

• isHtmlElement