# Interface TooltipProps

interface TooltipProps {
align?: Align;
alignOffset?: number;
arrow?: boolean;
avoidCollisions?: boolean;
children: ReactElement;
className?: string;
content: ReactNode;
defaultOpen?: boolean;
delayDuration?: number;
onOpenChange?: (open: boolean) => void;
open?: boolean;
side?: Side;
sideOffset?: number;
}

- Defined in src/components/ui/tooltip/Tooltip.tsx:54

#####
Index

### Properties

align?
alignOffset?
arrow?
avoidCollisions?
children
className?
content
defaultOpen?
delayDuration?
onOpenChange?
open?
side?
sideOffset?

##
Properties

### `Optional` align

align?: Align

Alignment along the chosen side. Default: `"center"`.

- Defined in src/components/ui/tooltip/Tooltip.tsx:74

### `Optional` alignOffset

alignOffset?: number

Offset in pixels from the `align` edge. Default: `0`.

- Defined in src/components/ui/tooltip/Tooltip.tsx:79

### `Optional` arrow

arrow?: boolean

When `true`, renders an arrow pointing at the trigger. Default: `true`.

- Defined in src/components/ui/tooltip/Tooltip.tsx:94

### `Optional` avoidCollisions

avoidCollisions?: boolean

When `true`, the tooltip will not flip to the opposite side on collision. Default: `true` (collisions are avoided).

- Defined in src/components/ui/tooltip/Tooltip.tsx:89

### children

children: ReactElement

The element that triggers the tooltip on hover/focus. Must be a single React element that can receive a ref and event handlers (a DOM element or a component using forwardRef).

- Defined in src/components/ui/tooltip/Tooltip.tsx:115

### `Optional` className

className?: string

Additional class name applied to the tooltip content.

- Defined in src/components/ui/tooltip/Tooltip.tsx:110

### content

content: ReactNode

The content to render inside the tooltip.

- Defined in src/components/ui/tooltip/Tooltip.tsx:58

### `Optional` defaultOpen

defaultOpen?: boolean

Initial open state for the uncontrolled mode.

- Defined in src/components/ui/tooltip/Tooltip.tsx:102

### `Optional` delayDuration

delayDuration?: number

The duration from when the pointer enters the trigger until the tooltip opens. Overrides the provider's `delayDuration` for this tooltip only.

- Defined in src/components/ui/tooltip/Tooltip.tsx:84

### `Optional` onOpenChange

onOpenChange?: (open: boolean) => void

Called when the open state changes.

- Defined in src/components/ui/tooltip/Tooltip.tsx:106

### `Optional` open

open?: boolean

Controlled open state. If omitted, the tooltip is uncontrolled.

- Defined in src/components/ui/tooltip/Tooltip.tsx:98

### `Optional` side

side?: Side

Preferred side of the trigger to render the tooltip against. Will be flipped automatically on collision unless `avoidCollisions` is `false`. Default: `"top"`.

- Defined in src/components/ui/tooltip/Tooltip.tsx:64

### `Optional` sideOffset

sideOffset?: number

Distance in pixels between the trigger and the tooltip. Default: `6`.

- Defined in src/components/ui/tooltip/Tooltip.tsx:69