B4J Tutorial [SithasoDaisy5] How to use a Vue Inspired Bottom Navigation?

Private botNav As SDUI5BottomNavigation

    botNav.Initialize(Me, "botNav", "botNav")
    botNav.ParentID = app.PageView
    BANano.Await(botNav.AddComponent)
    '
    botNav.AddButton("home", "fa-solid fa-house", "Home", "")
    botNav.AddButtonItem("home", "products", "fas fa-tshirt", "Products", "")
    botNav.AddButtonItem("home", "discount", "fas fa-tag", "Discount", "")
    botNav.AddButtonItem("home", "gifts", "fas fa-gifts", "Gifts", "7")

    botNav.AddButton("search", "fa-solid fa-magnifying-glass", "Search", "")

    botNav.AddButton("setting", "fa-solid fa-plus", "Setting", "")
    botNav.AddButtonItem("setting", "bookmarks", "fas fa-bookmark", "Bookmarks", "")
    botNav.AddButtonItem("setting", "tasks", "fas fa-tasks", "Tasks", "")
    botNav.AddButtonItem("setting", "tickets", "fas fa-ticket-alt", "Tickets", "")

    botNav.AddButton("notification", "fas fa-bell", "Notification", "15")

    botNav.AddButton("config", "fa-solid fa-gear", "Setting", "")
    botNav.ModelValue = "home"

Private Sub botNav_Change (value As String)
    app.ShowSwalInfoToast(value, 1000)
    Select Case value
    Case "notification"
        lastBadge = app.UI.increment(lastBadge)
        botNav.UpdateBadge("notification", lastBadge)
    Case "gifts"
        lastGift = app.UI.increment(lastGift)
        botNav.UpdateBadge("gifts", lastGift)
    End Select
End Sub