Pressable Feedback

Preview

About

An interaction wrapper that gives tactile "weight" to any widget: it shrinks slightly on press and springs back with a light bounce (no Material ripple). Source in the kit: KasyPressableDepth (core/widgets/kasy_pressable_depth.dart).

• child / onPressed: the tappable content and callback (required).
• semanticLabel: required accessibility label (TalkBack/VoiceOver).
• pressOverlayColor + clipBorderRadius: enables a quick translucent flash (veil) on press — both must be passed together; without them there's no veil, just the shrink.
• hapticFeedbackEnabled: triggers HapticFeedback.lightImpact on press (default true).
• focusable: makes the control a keyboard tab-stop with a focus ring (KasyFocusRing). Defaults to false because KasyButton already wraps its own ring — enable it only for direct, standalone uses (e.g. a text link).
• focusBorderRadius / focusGapColor: fine-tune the focus ring when focusable is enabled.

On web, the veil also acts as a hover highlight (a subtle, persistent fill on mouse-over, full on press).

Last updated on 08/23/2026