Hover Highlight

Hover Highlight is a wrapper that moves a shared background between rows, such as navigation links or menu actions.

Import

import { HoverHighlight } from '@vortexlabs/vortex';
import type { HoverHighlightProps } from '@vortexlabs/vortex';

Allied components

Other links

HoverHighlight props
Prop	Type	Default
`children`	`React.ReactNode`	No default value
`isHighlightable`	`callback`	No default value
`syncPseudoFocus`	`boolean`	`false`
`className`	`union`	No default value
`highlightClassName`	`union`	No default value
`initialDelay`	`number`	`150`
`transitionDelay`	`number`	`250`
`backgroundColor`	`string`	`token`
`backgroundImage`	`string`	`none`
`borderRadius`	`string`	`token`
`zIndex`	`number`	`0`