Hoverable JS

Usage

Use this component to move an oversized element within its parent bounds.

app.js

import { registerComponent } from '@studiometa/js-toolkit';
import { Hoverable } from '@studiometa/ui';

registerComponent(Hoverable);

index.html

<div data-component="Hoverable" class="relative w-96 h-96">
  <div data-ref="target" class="absolute w-[120%] h-[120%]">...</div>
</div>