Components

Component

Tooltip

Short hover and focus hint for compact controls.

React4 props
PreviewReact

Imports

import { Tooltip } from "@hozorica/hods-react/tooltip";

Props

PropTypeDescription
content *ReactNodeTooltip body.
placementtop | right | bottom | leftTooltip side around the trigger.
delaynumberOpen delay in milliseconds.
disabledbooleanPrevents the tooltip from opening.

Platform Support

React

Hover and focus tooltip with aria-describedby.

React Native

Use HelpBubble or native accessibility hints instead.

Usage

<Tooltip content="저장하기"><ActionButton>Save</ActionButton></Tooltip>

Notes

  • Use Tooltip for short labels only.
  • Prefer HelpBubble when the content needs a title, close button, or explicit tap target.