callstack / callstack/react-native-paper

feat: modernize Tooltip to the latest Material Design specs

Offen
#4,980 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
v6
Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.2k
Ø Merge
5 T. 23 Std.
Gemergte PRs (30 T.)
12

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.