DomPositionalKeys

The DOM's Positional keys, the keys reduced motion lands at once rather than animating: the transforms, and the keys that place and size an element's box, top, width and the rest. layer is what DomLive provides.

import * as DomPositionalKeys from "@wardic/dom/DomPositionalKeys"

DomPositionalKeys.isPositional("width") // true: it lands at once
DomPositionalKeys.isPositional("opacity") // false: it still fades

Variables

isPositional

const isPositional: Predicate.Predicate<string>;

Whether reduced motion lands key at once: a transform, or a key that places or sizes the box.

layer

const layer: Layer.Layer<ReducedMotion.PositionalKeys>;

The DOM Environment's ReducedMotion.PositionalKeys.