Hover

Preview

About

Universal hover/press wrapper that gives any widget visual (animated background fill) and tactile feedback, on any platform. Doesn't use Material's ripple.

• child / onTap: the wrapped content and the tap callback.
• hoverColor: exact solid color shown on hover (replaces the default translucent overlay); useful in navigation items where the hover and selected states should look identical.
• pressColor: base color of the press overlay (defaults to onSurface); pass the surface's accent color (e.g. primary) when the background is already colored.
• hoverEnabled / pressEnabled: turn off the hover or press highlight while keeping the tap working (e.g. simple list rows).
• hapticEnabled: triggers haptic feedback on tap (automatically ignored on web).
• focusable: makes the control reachable via Tab, with the kit's focus ring and Enter/Space activation.
• borderRadius / padding / margin: radius of the feedback overlay and internal/external spacing.
• The pressed state stays visible for at least 160ms, even on quick taps.
• Contrast with KasyPressableDepth: this component uses a background fill; the other uses a scale/depth animation.

Last updated on 08/23/2026