Interactable
Displays a translucent overlay when an element is hovered over or has focus.
Importing
1
import { Interactable } from '@infinityfx/fluid';Usage
API reference
Interactable Props
as?
React.ElementType
'button'
Underlying component or element to render as.
noHover?
boolean
false
Prevents showing a highlight overlay when the user hovers over the element.
highlightColor?
string
Custom color for the hover/focus highlight overlay.
interactTarget?
React.RefObject<HTMLElement | null>
Ref of target element that triggers highlight on hover/focus (defaults to self).
disabled?
boolean