Tooltip

Installation

npx shadcn@latest add https://ui.timkit.cn/r/tooltip.json

Usage

import { Tooltip } from "@/components/ui/tooltip"

Examples

Structured API

Component

tooltip

Logic

zag / tooltip

Runtime Frameworks

ReactVueWeappHTML

Supported Platforms

WebWeChat Mini Program

Configuration

Prop	Type	Default	Description
logic.provider*	enum (zag \| native \| none)	zag	State and interaction provider used by this component.
logic.machine	string	tooltip	Underlying state machine identifier when provider is zag.
platforms*	array	Web, WeChat Mini Program	Platforms officially supported by this schema.
frameworks*	array	React, Vue, Weapp, HTML	Framework demos/code currently available in registry files.
dependencies	array	@timui/core, @zag-js/popper, @zag-js/react	Runtime package dependencies required by this registry item.
optionalPeerDependencies	array	-	Optional peer dependencies used by this registry item.
registryDependencies	array	use-machine	Dependent Timkit registry components/hook entries.

Props

Prop	Type	Default	Description
open	boolean	-	The controlled open state.
delayDuration	number	700	The duration from when the mouse hovers over the trigger until the tooltip opens.

Events

Prop	Type	Default	Description
onOpenChange	event	-	Event handler called when the open state changes.

Slots

Prop	Type	Default	Description
default	slot	-	The tooltip items

Parts

Prop	Type	Default	Description
root*	root	-	The tooltip container
trigger	part	-	The triggering element
content	part	-	The tooltip content

This API reference is generated from `/packages/core` component schemas to keep React/Vue/Weapp docs consistent.

Extended notes are not available for this component yet.

On This Page

Installation
Usage
Examples
API Reference