Hover

Learn more about Mintlify

Enter your email to receive updates about new features and product releases.

Hover trigger component that displays content on hover. Content appears below the trigger element with shadow and border.

import { Hover } from '@adoptaunabuelo/react-components';

children

React.ReactNode

required

Trigger element(s) that show content on hover

Props for the hover content container (including children to display)

style

React.CSSProperties

Custom styles for the trigger container

<Hover modalProps={{ children: <div>Hover content here</div> }}>
  <button>Hover over me</button>
</Hover>

⌘I

Build docs developers (and LLMs) love