Solid

import { createIntentClick } from 'intent-click/solid';

function DeleteButton() {
    const handleClick = (event: PointerEvent) => {
        console.log('Intent click at', event.clientX, event.clientY);
    };

    const intentRef = createIntentClick<HTMLButtonElement>(handleClick, {
        threshold: 'auto',
    });

    return <button ref={intentRef}>Delete Account</button>;
}

Directive

import { intentClickDirective } from 'intent-click/solid';

function App() {
    return (
        <button
            use:intentClickDirective={{
                callback: handleClick,
                options: { threshold: 'auto' },
            }}
        >
            Delete Account
        </button>
    );
}

Options

Same as React. See React documentation.