public static void SurveyPrompt(this Ui ui, string title)
        {
            ui.BeginElement("div");
            ui.Attribute("class", "alert alert-secondary mt-4");
            ui.Attribute("role", "alert");
            {
                ui.BeginElement("span");
                ui.Attribute("class", "oi oi-pencil mr-2");
                ui.Attribute("aria-hidden", true);
                ui.EndElement("span");

                ui.BeginElement("strong");
                ui._(title);
                ui.EndElement("strong");

                ui.BeginElement("span");
                ui.Attribute("class", "text-nowrap");
                {
                    ui._(" Please take our ");
                    ui.BeginElement("a");
                    {
                        ui.Attribute("target", "_blank");
                        ui.Attribute("class", "font-weight-bold");
                        ui.Attribute("href", "https://go.microsoft.com/fwlink/?linkid=2121313");
                        ui._(" brief survey");
                        ui.EndElement("a");
                    }
                    ui.EndElement("span");
                }

                ui._(" and tell us what you think.");
                ui.EndElement("div");
            }
        }
        public void MainLayout(Ui ui)
        {
            ui.BeginElement("div");
            ui.Attribute("class", "sidebar");
            {
                ui.NavBar(collapseNavMenu);
                ui.EndElement("div");
            }

            ui.BeginElement("div");
            ui.Attribute("class", "main");
            {
                ui.BeginElement("div");
                {
                    ui.Attribute("class", "top-row px-4");

                    ui.BeginElement("a");
                    ui.Attribute("href", "http://blazor.net");
                    ui.Attribute("target", "_blank");
                    ui.Attribute("class", "ml-md-auto");
                    {
                        ui._("About");
                        ui.EndElement("a");
                    }

                    ui.EndElement("div");
                }

                ui.BeginElement("div");
                {
                    ui.Attribute("class", "content px-4");
                    ui.Body();
                    ui.EndElement("div");
                }

                ui.EndElement("div");
            }
        }
        public static void NavBar(this Ui ui, bool collapse)
        {
            ui.BeginElement("div");
            ui.Attribute("class", "top-row pl-4 navbar navbar-dark");
            {
                ui.BeginElement("a");
                ui.Attribute("class", "navbar-brand");
                ui.Attribute("href", "");
                {
                    ui._("BlazorApp1");
                    ui.EndElement("a");
                }

                ui.BeginElement("button");
                ui.Attribute("class", "navbar-toggler");
                {
                    ui.BeginElement("span");
                    ui.Attribute("class", "navbar-toggler-icon");
                    ui.EndElement("span");

                    ui.EndElement("button");
                }

                ui.EndElement("div");
            }

            ui.BeginElement("div");
            ui.Attribute("class", collapse ? "collapse" : "");
            {
                ui.BeginElement("ul");
                ui.Attribute("class", "nav flex-column");
                {
                    ui.BeginElement("li");
                    ui.Attribute("class", "nav-item px-3");
                    {
                        ui.BeginElement("a");
                        ui.Attribute("class", "nav-link");
                        ui.Attribute("href", "");
                        {
                            ui.BeginElement("span");
                            ui.Attribute("class", "oi oi-home");
                            ui.Attribute("aria-hidden", true);
                            ui.EndElement("span");

                            ui._(" Home");
                            ui.EndElement("a");
                        }

                        ui.BeginElement("a");
                        ui.Attribute("class", "nav-link");
                        ui.Attribute("href", "counter");
                        {
                            ui.BeginElement("span");
                            ui.Attribute("class", "oi oi-plus");
                            ui.Attribute("aria-hidden", true);
                            ui.EndElement("span");

                            ui._(" Counter");
                            ui.EndElement("a");
                        }

                        ui.BeginElement("a");
                        ui.Attribute("class", "nav-link");
                        ui.Attribute("href", "fetchdata");
                        {
                            ui.BeginElement("span");
                            ui.Attribute("class", "oi oi-list-rich");
                            ui.Attribute("aria-hidden", true);
                            ui.EndElement("span");

                            ui._(" Fetch Data");
                            ui.EndElement("a");
                        }

                        ui.EndElement("li");
                    }

                    ui.EndElement("ul");
                }

                ui.EndElement("div");
            }
        }