The interaction begins with a transaction detail bottom sheet. Tapping the three-dot menu reveals a list of options. Selecting 'Learn More' triggers a fluid morph transition where the bottom sheet dynamically resizes and transforms into an educational card. The top portion of the sheet morphs into a vibrant green header containing an animated illustration of a heart and an arrow. The illustration features a playful bouncing motion, drawing attention to the educational content. The transition uses spring physics to feel organic and responsive, maintaining spatial continuity throughout the change.

Category