{"library":"rc-tooltip","title":"React Tooltip Component","description":"The `rc-tooltip` package provides a highly customizable and unstyled React tooltip component, focusing on core functionality like positioning, event triggers, and state management. It allows developers to integrate robust tooltip behavior while maintaining full control over the visual presentation, aligning with a 'bring your own UI' philosophy. The version requested, 6.4.0, was the last major release under the `rc-tooltip` package name. However, active development and new features for this component have transitioned to the `@rc-component/tooltip` package, currently at version 1.x.x. While `rc-tooltip` 6.4.0 remains functional for its intended purpose, it is effectively superseded, and new projects or those requiring ongoing updates and accessibility enhancements should migrate to the `@rc-component/tooltip` package. The original `rc-tooltip` package's last update was approximately three years ago.","language":"javascript","status":"renamed","last_verified":"Sun Apr 19","install":{"commands":["npm install rc-tooltip"],"cli":null},"imports":["import Tooltip from 'rc-tooltip';","import type { ITooltipProps } from 'rc-tooltip';","const Tooltip = require('rc-tooltip');"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport Tooltip from 'rc-tooltip';\nimport 'rc-tooltip/assets/bootstrap.css'; // Or your custom styles\n\nconst App = () => (\n  <div style={{ margin: 100, display: 'flex', justifyContent: 'center' }}>\n    <Tooltip\n      placement=\"right\"\n      overlay={<span>Tooltip Content</span>}\n      trigger={['hover', 'focus']}\n      mouseEnterDelay={0.1}\n      mouseLeaveDelay={0.1}\n      destroyTooltipOnHide={true}\n    >\n      <button type=\"button\" style={{ padding: '10px 20px', cursor: 'pointer' }}>\n        Hover Me for Tooltip\n      </button>\n    </Tooltip>\n  </div>\n);\n\nconst root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);\nroot.render(<App />);","lang":"typescript","description":"Demonstrates basic usage of `rc-tooltip` with a button, showing how to define overlay content, placement, and trigger events with custom delays.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}