The available patterns are:

• LeaveScreenAnimations - Animate an element automatically before a screen transition.

• MoveHorizontal - Moves an element horizontally. Define the negative and positive max positions and threshold in order to define the final position of the element and the amount of movement needed to send the element to the final position when released.

• MoveVertical - Move an element vertically. Define the negative and positive max positions and threshold in order to define the final position of the element and the amount of movement needed to send the element to the final position when released.

• RelatedElementAnimation - Automatically animate an element according to the movement of a main element.

Note:

In order to test the patterns with the sample application, use Chrome browser, set the device mode in the Chrome Dev Tools and refresh the page in order for all the styles be correctly applied to the mobile sample application.