@neynar/ui/llm-docs/tooltip-provider.llm.md

React UI component library built on shadcn/ui and Tailwind CSS

# TooltipProvider

**Type**: component

TooltipProvider - Global context provider for tooltip functionality Wraps your application or component tree to enable tooltip functionality. Controls global tooltip behavior such as delay duration before showing tooltips. Required for tooltip components to function properly across your app. The provider manages global settings that affect all tooltips within its tree, including timing behavior and accessibility features. Individual tooltips can override these settings as needed.

## JSX Usage

```jsx
import { TooltipProvider } from '@neynar/ui';

<TooltipProvider
  delayDuration={0}
  skipDelayDuration={0}
  disableHoverableContent={true}
>
  {/* Your content here */}
</TooltipProvider>
```

## Component Props

### delayDuration
- **Type**: `number`
- **Required**: No
- **Description**: No description available

### skipDelayDuration
- **Type**: `number`
- **Required**: No
- **Description**: No description available

### disableHoverableContent
- **Type**: `boolean`
- **Required**: No
- **Description**: No description available

### children
- **Type**: `React.ReactNode`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
// Wrap your entire app
<TooltipProvider>
  <App />
</TooltipProvider>
```
### Example 2
```tsx
// With custom delay and skip behavior
<TooltipProvider
  delayDuration={500}
  skipDelayDuration={200}
>
  <MyComponent />
</TooltipProvider>
```
### Example 3
```tsx
// Disable hoverable content for stricter accessibility
<TooltipProvider disableHoverableContent>
  <Form />
</TooltipProvider>
```