Skip to content

RtkTooltip

Last updated View as MarkdownAgent setup

Tooltip component which follows RTK Design System.

Properties

Property Type Required Default Description
delay number ✅ - Delay before showing the tooltip
disabled boolean ✅ - Disabled
kind TooltipKind ✅ - Tooltip kind
label string ✅ - Tooltip label
open boolean ✅ - Open
placement Placement ✅ - Placement of menu
size Size ✅ - Size
variant TooltipVariant ✅ - Tooltip variant

Usage Examples

Basic Usage

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

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

With Properties

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

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

Was this helpful?