callstack / callstack/react-native-paper

feat: modernize Tooltip to the latest Material Design specs

Open
#4,980 0 comments 0 reactions 0 assignees View on GitHub
v6
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

The goal is to modernize the Tooltip according to the latest specs - see below.

# Current State

## Tooltip

**MD3 spec:** Tooltips
**Specs link:** https://m3.material.io/components/tooltips/specs

### Color tokens

- [ ] Container background uses `theme.colors.onSurface`; spec requires `inverseSurface`
- [ ] Text color uses `theme.colors.surface`; spec requires `inverseOnSurface`

### Shape

- `borderRadius: theme.roundness` = 4dp matches `corner.extraSmall` ✅

### Spacing / sizing

- Container height 32dp ✅
- [ ] Text variant is `labelLarge` (14sp); spec requires `bodySmall` (12sp)

### Behavior

- [ ] Rich tooltip variant not implemented. MD3 defines two variants: plain (text only) and rich (optional title, body text, link, and action buttons). The current `title: string` prop cannot support rich content
- No pointer/caret indicator (not required by spec) ✅

### Animation

- [ ] No enter/exit animation. MD3 specifies a fade transition on show/hide

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.