LiftPressGrowTilt
STYLES
Gestures
Add portable hover and press feedback without writing target-specific interaction code.
Lift, press, grow, or tilt
Chip gesture:"lift" transition:"spring" rotate:-5
"Interactive chip"One intent, native feedback
Pointer targets respond to hover and active state. Touch targets respond while pressed, and reduced-motion preferences are respected automatically.
API
Preset values by input type
gesture is a static quoted preset. Its default is none, except Button, IconButton, and Fab, whose primary trigger scales its complete surface to 0.94 during every press and restores it afterward, including consecutive Android taps and controls with a Dowe shadow. Use gesture:"none" to opt out. When transition is omitted, each target uses its baseline gesture timing; author a transition preset when named timing matters.
Value | Pointer | Android and iOS |
|---|---|---|
No dataThere are no records to display | ||
COMPATIBILITY
Visual feedback on styled components
Every styled layout, navigation root, content component, chart, control, form, and overlay accepts gesture, including Box, Card, Chip, Image, Text, Button, Input, Tabs, Stepper, and Modal.
Feedback is not an event. A gesture does not dispatch a function or add navigation semantics. Use onClick on a compatible action surface. Drag, swipe, pinch, long-press callbacks, context entries, Svg, and Path are outside this contract.