Appearance

Updating visuals

If you see any images containing outdated UI, please bear with us.

We are updating all content as quickly as possible to mirror our new UI.

Bottom Navigation Bar ​

The bottom navigation bar sits at the bottom of your page, making it easy to access all the important links. Plus, it's responsive, so it looks great on any device/

Bottom Nav Preview

Bottom Nav Mobile Preview

Components of the Bottom Nav bar ​

The Bottom Nav bar consists of 1 container, which has a list of items, each meant for a different navigation link.

Configuring the Bottom Nav Bar ​

Bottom Nav settings

To customize the functionality and appearance of the Bottom Navigation Bar, adjust the following properties:

  • Display On/Off: Toggle this setting to show or hide the Bottom Navigation Bar.
  • Animation: Select from seven animation presets to determine how the Bottom Navigation Bar appears on the screen: Fade, Appear from Top, Appear from Right, Appear from Left, Appear from Bottom, Zoom In, and Zoom Out.
  • Backdrop: Enable or disable a backdrop. When enabled, interactions are restricted to the Bottom Navigation Bar only.
  • Transition: Define the behavior of the selected animation.