Power-up: Conditional Renderer

Conditional Renderer

Learn how to use the powerful and versatile Conditional Renderer component that lets you render different views in your app based on its state. This video walks you through a tab layout example, where conditional rendering is used to show different tabs as the user navigates the layout.

The formula functions used in this video

Highlighting the bottom border of the current tab in the navigation based on the value of the activeTab page variable: IF(pageVars.activeTab === "tab1", 3, 0)