Components PulseTooltip
PulseTooltip
Context exactly where it is needed.
interactive demo
Contextual helpShort, useful, never in the way.
A live browser stand-in using the exact tokens, motion and API of the SwiftUI component.
Want all components at once?
Open the studio
Context exactly where it is needed.
Hover, long-press and accessibility help in one small cross-platform primitive.
Hover / help support
Long press on touch
Popover content
Reduce visual noise
Usage
PulseTooltip("More information") { InfoButton() } tooltip: { HelpView() } Install
$ pulse add tooltipSource files
Sources/PulseUI/Components/PulseTooltip/PulseTooltip.swift
Full source Sources/PulseUI/Components/PulseTooltip/PulseTooltip.swift
import SwiftUI
// MARK: - PulseTooltip
/// Cross-platform tooltip that supports hover, long press, and VoiceOver context.
public struct PulseTooltip<Content: View, TooltipContent: View>: View {
@Environment(\.pulseTheme) private var theme
@State private var isPresented = false
private let message: String
private let content: () -> Content
private let tooltipContent: () -> TooltipContent
public init(
_ message: String,
@ViewBuilder content: @escaping () -> Content,
@ViewBuilder tooltip: @escaping () -> TooltipContent
) {
self.message = message
self.content = content
self.tooltipContent = tooltip
}
public var body: some View {
content()
.onLongPressGesture(minimumDuration: 0.35) {
isPresented = true
}
.popover(isPresented: $isPresented) {
tooltipContent()
.padding(theme.spacing.md)
.presentationCompactAdaptation(.popover)
}
.help(message)
.accessibilityHint(message)
}
}