STYLES

Transitions

Choose how quickly gesture feedback enters and settles across every target.

Four timing presets

none is immediate, quick is compact, smooth softens general movement, and spring adds expressive settling.

dowe
Chip transition:"spring" gesture:"lift"
  "Hover or press"
nonequicksmoothspring

Transitions need an interactive state

Pair transition with gesture. Use animation when the component itself should enter with motion.

API

Timing values

transition is a static quoted preset. When omitted, web uses its 180ms gesture baseline and native targets use their general-purpose feedback timing. Author a preset for deterministic named timing.

Value
Web reference
Native
Use

No data

There are no records to display

SwiftUI and Jetpack Compose use their native spring implementations. Reduced motion makes interactive changes immediate.

COMPATIBILITY

Same surface as gesture

Every styled layout, navigation root, content component, chart, control, form, and overlay accepts transition. It is excluded from Option, fabAction, comboOption, csvColumn, dragGroup, dragItem, tab, step, region entries, Svg, and Path.

A transition needs state. transition alone has no visual result. Pair it with gesture; use animation for entrance motion. Custom timings and Signal-backed values are rejected.