Tooltip

複合コンポーネント（Tooltip.Root / Trigger / Portal / Positioner / Popup）。inverse-surface のプレーンツールチップ。

参考: Material Design 3 公式ガイドライン m3.material.io/components/tooltips/overview

Import

import { Tooltip, IconButton, ThemeProvider } from '@m3-baseui/react-tailwind';

使用例

<Tooltip.Root>
  <Tooltip.Trigger render={<IconButton aria-label="情報"><Icon name="info" /></IconButton>} />
  <Tooltip.Portal>
    <Tooltip.Positioner>
      <Tooltip.Popup>ヒントテキスト</Tooltip.Popup>
    </Tooltip.Positioner>
  </Tooltip.Portal>
</Tooltip.Root>

Props

Prop	型	既定値	説明
`delay`	`number`	—	表示までの遅延（ms）