Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

RtkTooltip

最終更新 Markdown で表示Agent セットアップ

RTK Design System に準拠したツールチップコンポーネントです。

プロパティ

プロパティ 型 必須 デフォルト 説明
delay number ✅ - ツールチップを表示するまでの遅延
disabled boolean ✅ - 無効
kind TooltipKind ✅ - ツールチップの種類
label string ✅ - ツールチップのラベル
open boolean ✅ - 開いているかどうか
placement Placement ✅ - メニューの配置
size Size ✅ - サイズ
variant TooltipVariant ✅ - ツールチップのバリアント

使用例

基本的な使い方

import { RtkTooltip } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkTooltip />;
}

プロパティを指定する場合

import { RtkTooltip } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkTooltip
      delay={42}
      disabled={true}
      kind={tooltipkind}
    />
  );
}

役に立ちましたか？