@zendeskgarden/react-tooltips

@zendeskgarden/react-tooltips

This package includes presentation components and render prop containers relating to Tooltips in the Garden Design System.

Installation

npm install @zendeskgarden/react-tooltips

# Peer Dependencies - Also Required
npm install react react-dom styled-components @zendeskgarden/react-theming

Usage

TooltipElement

Standard tooltip usages.

import { ThemingProvider } from '@zendeskgarden/react-theming';
import { Tooltip } from '@zendeskgarden/react-tooltips';

/**
 * Place a `ThemeProvider` at the root of your React application
 */
<ThemeProvider>
  <Tooltip content="This is a small tooltip">
    <button>Trigger top placement</button>
  </Tooltip>
</ThemeProvider>;

Changelog

v9.0.0-next.5 (2024-03-14)

:rocket: New Feature

• modals
  • #1750 feat(modals): adds subcomponent mapping to Modal (@geotrev)
• notifications
  • #1748 feat(notifications): adds subcomponent mapping (@geotrev)
• dropdowns, typography
  • #1745 feat(dropdowns): adds subcomponent mapping to Field (@geotrev)
• chrome, colorpickers, datepickers, forms, tables
  • #1742 feat(forms): adds subcomponent mapping to Field (@geotrev)
• grid
  • #1741 feat(grid): adds subcomponent mapping to Grid (@geotrev)

:bug: Bug Fix

• .template, accordions, avatars, breadcrumbs, buttons, chrome, colorpickers, datepickers, drag-drop, dropdowns.legacy, dropdowns, forms, grid, loaders, modals, notifications, pagination, tables, tabs, tags, theming, tooltips, typography
  • #1740 fix: bumps styled-components peer dep to 5.3.1 (@geotrev)

:seedling: Internal

• accordions, avatars, breadcrumbs, buttons, chrome, colorpickers, datepickers, drag-drop, dropdowns.legacy, dropdowns, forms, grid, loaders, modals, notifications, pagination, tables, tabs, tags, theming, tooltips, typography
  • #1746 chore(theming): rename getColor => getColorV8 (@jzempel)
• avatars, chrome, colorpickers, datepickers, dropdowns.legacy, dropdowns, forms, modals, notifications, theming, tooltips, typography
  • #1744 chore: updates Grid.Row and Grid.Col references in stories (@geotrev)
• tables
  • #1743 fix(tables): moves deprecation comments to component definitions (@geotrev)
• chrome, tabs, tooltips
  • #1739 fix: moves deprecation comments to component definitions for chrome, tabs, and tooltips (@geotrev)