DropDownButton

using DotVVM.Framework.ViewModel;

namespace DotvvmWeb.Views.Docs.Controls.tailwind.DropDownButton.sample1
{
    public class ViewModel : DotvvmViewModelBase
    {
        public string LastAction { get; set; } = "(none)";

        public void RecordAction(string action)
        {
            LastAction = action;
        }
    }
}

using System.Collections.Generic;
using DotVVM.Framework.ViewModel;

namespace DotvvmWeb.Views.Docs.Controls.tailwind.DropDownButton.sample2
{
    public class ViewModel : DotvvmViewModelBase
    {
        public string LastAction { get; set; } = "(none)";

        public List<DropDownOption> ActionItems { get; set; } = new List<DropDownOption>
        {
            new DropDownOption { Text = "Save draft" },
            new DropDownOption { Text = "Publish" },
            new DropDownOption { Text = "Archive" }
        };

        public List<DropDownOption> SectionItems { get; set; } = new List<DropDownOption>
        {
            new DropDownOption { Text = "Drafts", Url = "#drafts" },
            new DropDownOption { Text = "Reports", Url = "#reports" }
        };

        public void RecordAction(string action)
        {
            LastAction = action;
        }
    }

    public class DropDownOption
    {
        public string Text { get; set; }

        public string Url { get; set; }
    }
}

@masterPage master.dotmaster

<dot:Content ContentPlaceHolderID="Main">
    <t:DropDownButton Text="Back to overview" Type="Primary">
        <t:DropDownItem Text="Open Sample A" RouteName="SampleA" />
    </t:DropDownButton>

    <p>Current page: Sample B</p>
</dot:Content>

<dot:ContentPlaceHolder ID="Main" />

using System.Collections.Generic;
using DotVVM.Framework.ViewModel;

namespace DotvvmWeb.Views.Docs.Controls.tailwind.DropDownButton.sample3
{
    public class ViewModel : DotvvmViewModelBase
    {
        public List<RouteOption> RouteOptions { get; set; } = new List<RouteOption>
        {
            new RouteOption { Title = "Orders", Description = "Open the details page." },
            new RouteOption { Title = "Invoices", Description = "This item uses the same route target." }
        };
    }

    public class RouteOption
    {
        public string Title { get; set; }

        public string Description { get; set; }
    }
}

using DotVVM.Framework.Configuration;

namespace DotvvmWeb.Views.Docs.Controls.tailwind.DropDownButton.sample3
{
    public class Startup : IDotvvmStartup
    {
        public void Configure(DotvvmConfiguration config, string applicationPath)
        {
            config.RouteTable.Add("SampleA", "", "SampleA.dothtml", null);
            config.RouteTable.Add("SampleB", "details", "SampleB.dothtml", null);
        }
    }
}