useHoverControllable
Отслеживает наведение как управляемое или внутреннее состояние.
Отслеживает наведение как управляемое или внутреннее состояние.
Использование
'use client';
import { useHoverControllable } from '@prosazhin/pbcomponents';
function Example() {
const [hovered, , hoverRef] = useHoverControllable<HTMLButtonElement>({ defaultValue: false });
return <button ref={hoverRef}>{hovered ? 'Hovered' : 'Idle'}</button>;
}API хука
Параметры
| Параметр | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
ref? | RefObject<T | null> | Существующий ref элемента, за которым нужно следить. | — |
value? | boolean | Внешнее состояние наведения. | — |
defaultValue? | boolean | Начальное внутреннее состояние. | — |
onChange? | (value: boolean) => void | Вызывается при изменении состояния наведения. | — |
enabled? | boolean | Включает отслеживание наведения. | — |
Возвращает
| Значение | Тип / варианты | Назначение |
|---|---|---|
[0] hovered | boolean | Текущее состояние наведения. |
[1] setHovered | (value: boolean) => void | Меняет состояние наведения. |
[2] hoverRef | (node: T | null) => void | Callback ref для отслеживаемого элемента. |