Jose Tamu
January 10, 2025 /
Intermediate

Modal Button

Modal Button
+123456789 great@mydomain.com

Content tab

Content group

Items: all the items to be included at the modal have to be created here.

Animation group

Translate items on click: when the button is pressed (active), how much translateY to apply to the title and arrow.
Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

Style tab

There are several groups available to style Modal Button: Margin, Padding, Borders and Typography.
Button's background, gap (between the text and the arrow) and arrow dimensions have to be set at the Button group.
Modal items styles and typography have to be set at Modal items and Modal typography groups.
If you need to apply additional styles, you can do so at the Settings Tab.