Create a Modern Vertical Navbar Custom Component | Canvas Apps

 

I'll walk you through the steps to create a custom vertical navbar component for your Canvas Apps. This guide is perfect for both beginners and experienced developers who want to enhance their app's navigation and user interface.

What you'll learn in this video:

Setting up your Canvas App

Designing a vertical navbar

Adding navigation items

Customizing the navbar's appearance

Implementing navigation logic

Timestamps:

00:00 - Introduction

01:30 - Setting up the Canvas App

05:15 - Designing the Navbar

10:45 - Adding Navigation Items

15:00 - Customizing the Navbar

18:30 - Implementing Navigation Logic

20:00 - Conclusion

Table Schama:

[

    {

        Title: "",

        Screen: Blank(),

        Icon: "AppsList",

        ChildScreens: Blank()

    },

    {

        Title: "Home",

        Screen: Emails,

        Icon: "Home",

        ChildScreens: [

            {

                Title: "Dashboard",

                Screen: Dashboard,

                Icon: "DocumentBulletList"

            }

        ]

    }

]