ilokesto

Hoverable

Hoverable은 hover state를 추적하고 isHovering을 render prop으로 전달합니다. ref는 underlying div로 전달됩니다.

import { Hoverable } from '@ilokesto/utilinent';

<Hoverable>{(isHovering) => <Card highlighted={isHovering} />}</Hoverable>

프로퍼티

PropType설명
childrenReactNode | (isHovering) => ReactNodecontent, 선택적으로 hover state를 받습니다.
fallbackReactNoderender prop 미사용 시 children과 함께 렌더링됩니다.

표준 div props와 ref가 전달됩니다.

목차