PaperTooltip

Compact footnote-style tooltip with mono text and hard edges.

← small hint, zero drama.

Preview

'use client'

import * as React from 'react'
import { cn } from '@/lib/utils'

export interface PaperTooltipProps {

Copy this file into your project, export its barrel, and then add it to the master UI index.

Step 1.Create this file:
components/ui/paperTooltip/paperTooltip.tsx⎘
Step 2.Create the barrel:
components/ui/paperTooltip/index.ts⎘
Step 3.Add this export in components/ui/index.ts:
```
export * from './paperTooltip'
```

Default

Status

Prop	Type	Default	Description
`content`	`ReactNode`	`required`	Tooltip message.
`children`	`ReactNode`	`required`	Anchor element.

Tooltips keep dense controls discoverable.

<PaperTooltip content="Archive">...</PaperTooltip>

Use for low-priority metadata and shortcuts.

Auto

<PaperTooltip content="Refreshes every 30s">...</PaperTooltip>