Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Android docs
ActionsAndroid

Tooltip

Show native contextual help around an independently accessible anchor.

Public APILumenTooltipAndroid / Compose

Native example

Use Tooltip

Use brief supplemental help. Essential instructions belong in visible content. Pass LumenTooltipState for explicit Compose show/dismiss controls; React Native uses visible/onVisibleChange and SwiftUI uses isPresented binding. Disabling dismisses help without removing the anchor.

Tooltip rendered in the Android phone emulator Lumen playground
Captured exampleAndroid phone emulator
kotlin
LumenTooltip("Save this project") {
    LumenIconButton(LumenIconName.Bookmark, "Save", onClick = ::saveProject, size = LumenControlSize.Lg)
}

Reference

Public API

The primary shared and platform-specific options exposed by LumenTooltip.

APIValues or typeDefaultDescription
textStringRequiredProvides non-empty translated contextual help.
modifierModifierModifierApplies anchor-container layout.
stateLumenTooltipStaterememberLumenTooltipState()Supports application-controlled visibility with Lumen state backed by Material.
enabledBooleantrueEnables help and dismisses it when disabled.
content@Composable () -> UnitRequiredProvides an independently labeled native anchor.

Native behavior

Design and accessibility

When to use it

Use brief supplemental help. Essential instructions belong in visible content. Pass LumenTooltipState for explicit Compose show/dismiss controls; React Native uses visible/onVisibleChange and SwiftUI uses isPresented binding. Disabling dismisses help without removing the anchor.

Accessibility

Keeps the anchor independently named and delegates long-press, pointer, and popup dismissal to Material.

Shared component

Available on other platforms

React NativeApple / SwiftUI
Android docsCompose module