Skip to content

feat: modernize Tooltip to the latest Material Design specs #4980

Description

@adrcotfas

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions