Building Materials Marketplace

Dropdowns

<div class="btn-list d-flex align-center flex-wrap">
    <MudMenu Label="Dropdown button" Color="Color.Primary" Variant="Variant.Filled" EndIcon="<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Dropdown link" Color="Color.Secondary" Variant="Variant.Filled" EndIcon="<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
    </MudMenu>
    </div>

Single dropdown buttons

<div class="btn-list">
    <MudButtonGroup OverrideStyles="false">
    <MudMenu Label="Action" Color="Color.Primary" Variant="Variant.Filled" EndIcon="<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
</MudButtonGroup>
<MudButtonGroup OverrideStyles="false">
    <MudMenu Label="Action" Color="Color.Secondary" Variant="Variant.Filled" EndIcon="<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
</MudButtonGroup>
<MudButtonGroup OverrideStyles="false">
    <MudMenu Label="Action" Color="Color.Success" Variant="Variant.Filled" EndIcon="<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
</MudButtonGroup>
<MudButtonGroup OverrideStyles="false">
    <MudMenu Label="Action" Color="Color.Info" Variant="Variant.Filled" EndIcon="<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
</MudButtonGroup>
<MudButtonGroup OverrideStyles="false">
    <MudMenu Label="Action" Color="Color.Warning" Variant="Variant.Filled" EndIcon="<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
</MudButtonGroup>
<MudButtonGroup OverrideStyles="false">
    <MudMenu Label="Action" Color="Color.Error" Variant="Variant.Filled" EndIcon="<path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
</MudButtonGroup>
</div>

rounded Button Dropdowns

<div class="btn-list">
    <MudMenu Label="Action" Color="Color.Primary" Class="rounded-pill" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
        <MudMenu Label="Action" Class="rounded-pill" Color="Color.Secondary" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
        <MudMenu Label="Action" Class="rounded-pill" Color="Color.Success" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
        <MudMenu Label="Action" Class="rounded-pill" Color="Color.Info" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Action" Class="rounded-pill" Color="Color.Warning" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Action" Class="rounded-pill" Color="Color.Error" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
</div>

Outline Button Dropdowns

<div class="btn-list">
    <MudMenu Label="Action" Variant="Variant.Outlined" Color="Color.Primary" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Action"  Variant="Variant.Outlined" Color="Color.Info" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Action"  Variant="Variant.Outlined" Color="Color.Success" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Action" Variant="Variant.Outlined" Color="Color.Info" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Action"  Variant="Variant.Outlined" Color="Color.Warning" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Action"  Variant="Variant.Outlined" Color="Color.Error" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem>Separated link</MudMenuItem>
    </MudMenu>
</div>

rounded-lg Outline Dropdowns

<div class="btn-list">
<MudMenu Label="Action" Variant="Variant.Outlined" Color="Color.Primary" class="pill-dropdown" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
    <MudDivider />
    <MudMenuItem>Separated link</MudMenuItem>
</MudMenu>
<MudMenu Label="Action"  Variant="Variant.Outlined" Color="Color.Info" class="pill-dropdown" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
    <MudDivider />
    <MudMenuItem>Separated link</MudMenuItem>
</MudMenu>
<MudMenu Label="Action"  Variant="Variant.Outlined" Color="Color.Success" class="pill-dropdown" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
    <MudDivider />
    <MudMenuItem>Separated link</MudMenuItem>
</MudMenu>
<MudMenu Label="Action" Variant="Variant.Outlined" Color="Color.Info" class="pill-dropdown" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
    <MudDivider />
    <MudMenuItem>Separated link</MudMenuItem>
</MudMenu>
<MudMenu Label="Action"  Variant="Variant.Outlined" Color="Color.Warning" class="pill-dropdown" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
    <MudDivider />
    <MudMenuItem>Separated link</MudMenuItem>
</MudMenu>
<MudMenu Label="Action"  Variant="Variant.Outlined" Color="Color.Error" class="pill-dropdown" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
    <MudDivider />
    <MudMenuItem>Separated link</MudMenuItem>
</MudMenu>
</div>

Split buttons

@foreach (var group in _buttonGroups)
    {
        <MudButtonGroup Color="@group.Color" Variant="Variant.Filled" Class="mt-2 rounded-pill me-2 split-button">
            <MudButton>@group.ButtonText</MudButton>
            <MudMenu Icon="@Icons.Material.Filled.KeyboardArrowDown">
                @foreach (var item in MenuItems)
                {
                    <MudMenuItem OnClick="@(() => SetButtonText(group, item))">@item</MudMenuItem>
                }
            </MudMenu>
        </MudButtonGroup>
    }

    private List<string> MenuItems = new()
    {
        "Action", "Another action", "Something else here", "Separated link"
    };

    private List<ButtonGroupModel> _buttonGroups = new()
    {
        new ButtonGroupModel(Color.Primary),
        new ButtonGroupModel(Color.Secondary),
        new ButtonGroupModel(Color.Info),
        new ButtonGroupModel(Color.Success),
        new ButtonGroupModel(Color.Warning),
        new ButtonGroupModel(Color.Error),
    };

    private void SetButtonText(ButtonGroupModel group, string text)
    {
        group.ButtonText = text;
    }

    private class ButtonGroupModel
    {
        public Color Color { get; set; }
        public string ButtonText { get; set; } = "Action";

        public ButtonGroupModel(Color color)
        {
            Color = color;
        }
    }
}

Dropdown Sizing

                                    <MudMenu Color="Color.Primary" Size="Size.Large" Variant="Variant.Filled" Label="Large button" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
                                        <MudMenuItem>Action</MudMenuItem>
                                        <MudMenuItem>Another action</MudMenuItem>
                                        <MudMenuItem>Something else here</MudMenuItem>
                                        <MudDivider />
                                        <MudMenuItem>Separated link</MudMenuItem>
                                    </MudMenu>
                                    <MudButtonGroup Variant="Variant.Filled" Size="Size.Large">
                                        <MudButton Size="Size.Large">@_buttonText1</MudButton>
                                        <MudMenu Icon="@Icons.Material.Filled.KeyboardArrowDown" Style="align-self: auto;">
                                            <MudMenuItem OnClick="() => SetButtonText1(0)">Action</MudMenuItem>
                                            <MudMenuItem OnClick="() => SetButtonText1(1)">Another action</MudMenuItem>
                                            <MudMenuItem OnClick="() => SetButtonText1(2)">Something else here</MudMenuItem>
                                            <MudMenuItem OnClick="() => SetButtonText1(3)">Separated link</MudMenuItem>
                                        </MudMenu>
                                    </MudButtonGroup>

                                    <!-- samll button groups (default and split) -->
                                     <MudMenu Label="Small button" Color="Color.Primary" Size="Size.Small" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
                                        <MudMenuItem>Action</MudMenuItem>
                                        <MudMenuItem>Another action</MudMenuItem>
                                        <MudMenuItem>Something else here</MudMenuItem>
                                        <MudDivider />
                                        <MudMenuItem>Separated link</MudMenuItem>
                                    </MudMenu>

                                    <MudButtonGroup Variant="Variant.Filled" Size="Size.Small">
                                        <MudButton>@_buttonText2</MudButton>
                                        <MudMenu Icon="@Icons.Material.Filled.KeyboardArrowDown">
                                            <MudMenuItem OnClick="() => SetButtonText2(0)">Action</MudMenuItem>
                                            <MudMenuItem OnClick="() => SetButtonText2(1)">Another action</MudMenuItem>
                                            <MudMenuItem OnClick="() => SetButtonText2(2)">Something else here</MudMenuItem>
                                            <MudMenuItem OnClick="() => SetButtonText2(3)">Separated link</MudMenuItem>
                                        </MudMenu>
                                    </MudButtonGroup>

                                @code {
                                    private string _buttonText1 = "Large split button";
                                    private string _buttonText2 = "Small split button";
                                }

Dropup

<MudMenu Color="Color.Primary" Variant="Variant.Filled" Label="Drop up" EndIcon="@Icons.Material.Filled.KeyboardArrowUp" AnchorOrigin="Origin.TopLeft" TransformOrigin="Origin.BottomLeft">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
    <MudDivider />
    <MudMenuItem>Separated link</MudMenuItem>
</MudMenu>
<MudButtonGroup Color="Color.Secondary" Variant="Variant.Filled" Class="mt-2">
    <MudButton>@_buttonText3</MudButton>
    <MudMenu Icon="@Icons.Material.Filled.KeyboardArrowUp" AnchorOrigin="Origin.TopLeft" TransformOrigin="Origin.BottomLeft" Style="align-self: auto;">
        <MudMenuItem OnClick="() => SetButtonText3(0)">Action</MudMenuItem>
        <MudMenuItem OnClick="() => SetButtonText3(1)">Another action</MudMenuItem>
        <MudMenuItem OnClick="() => SetButtonText3(2)">Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem OnClick="() => SetButtonText3(3)">Separated link</MudMenuItem>
    </MudMenu>
</MudButtonGroup>

Dropup Right

<MudMenu Color="Color.Primary" Variant="Variant.Filled" Label="Drop right" EndIcon="@Icons.Material.Filled.KeyboardArrowRight" AnchorOrigin="Origin.TopRight" TransformOrigin="Origin.TopLeft">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
    <MudDivider />
    <MudMenuItem>Separated link</MudMenuItem>
</MudMenu>

<MudButtonGroup Color="Color.Secondary" Variant="Variant.Filled" Class="mt-2">
    <MudButton>@_buttonText4</MudButton>
    <MudMenu Icon="@Icons.Material.Filled.KeyboardArrowRight" AnchorOrigin="Origin.TopRight" TransformOrigin="Origin.TopLeft" Style="align-self: auto;">
        <MudMenuItem OnClick="() => SetButtonText4(0)">Action</MudMenuItem>
        <MudMenuItem OnClick="() => SetButtonText4(1)">Another action</MudMenuItem>
        <MudMenuItem OnClick="() => SetButtonText4(2)">Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem OnClick="() => SetButtonText4(3)">Separated link</MudMenuItem>
    </MudMenu>
</MudButtonGroup>

Dropup Left

<MudMenu Color="Color.Primary" Variant="Variant.Filled" Label="Drop left" StartIcon="@Icons.Material.Filled.KeyboardArrowLeft" AnchorOrigin="Origin.TopLeft" TransformOrigin="Origin.TopRight">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
    <MudDivider />
    <MudMenuItem>Separated link</MudMenuItem>
</MudMenu>

<MudButtonGroup Color="Color.Secondary" Variant="Variant.Filled" Class="mt-2">
    <MudMenu Icon="@Icons.Material.Filled.KeyboardArrowLeft" AnchorOrigin="Origin.TopLeft" TransformOrigin="Origin.TopRight" Style="align-self: auto;">
        <MudMenuItem OnClick="() => SetButtonText5(0)">Action</MudMenuItem>
        <MudMenuItem OnClick="() => SetButtonText5(1)">Another action</MudMenuItem>
        <MudMenuItem OnClick="() => SetButtonText5(2)">Something else here</MudMenuItem>
        <MudDivider />
        <MudMenuItem OnClick="() => SetButtonText5(3)">Separated link</MudMenuItem>
    </MudMenu>
    <MudButton>@_buttonText5</MudButton>
</MudButtonGroup>

Active

<MudMenu Color="Color.Primary" Variant="Variant.Filled" Label="Dropstart" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem Class="dropdown-menu-item">Regular link</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Active link</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Another link</MudMenuItem>
    </MudMenu>

Alignment Options

<div class="btn-list d-flex align-center flex-wrap">
    <MudMenu Label="Dropdown" Color="Color.Primary" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Dropleft" Color="Color.Secondary" Variant="Variant.Filled" StartIcon="@Icons.Material.Filled.KeyboardArrowLeft" AnchorOrigin="Origin.TopLeft" TransformOrigin="Origin.TopRight">
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Dropright" Color="Color.Success" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowRight" AnchorOrigin="Origin.TopRight" TransformOrigin="Origin.TopLeft">
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Dropup" Color="Color.Error" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowUp" AnchorOrigin="Origin.TopLeft" TransformOrigin="Origin.BottomLeft">
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
        <MudMenuItem Class="dropdown-menu-item">Menu Item</MudMenuItem>
    </MudMenu>
</div>

Dark Dropdowns

<MudMenu Class="dropdown-menu-dark rounded" Label="Dropdown button" Color="Color.Dark" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
    <MudMenuItem>Action</MudMenuItem>
    <MudMenuItem>Another action</MudMenuItem>
    <MudMenuItem>Something else here</MudMenuItem>
</MudMenu>

Custom Dropdown Menu's

<div class="btn-list">
    <MudMenu Label="Primary" Color="Color.Primary" PopoverClass="primary-menu" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
    </MudMenu>
        <MudMenu Label="Secondary" Color="Color.Secondary"  PopoverClass="secondary-menu" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Warning" Color="Color.Warning"  PopoverClass="warning-menu-item" Variant="Variant.Filled" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
    </MudMenu>
        <MudMenu Label="Info" Color="Color.Info" Variant="Variant.Filled"  PopoverClass="info-menu-item" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
    </MudMenu>
        <MudMenu Label="Success" Color="Color.Success" Variant="Variant.Filled" PopoverClass="light-success-menu-item" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
    </MudMenu>
    <MudMenu Label="Danger" Color="Color.Error" Variant="Variant.Filled" PopoverClass="light-danger-menu-item" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft">
        <MudMenuItem>Action</MudMenuItem>
        <MudMenuItem>Another action</MudMenuItem>
        <MudMenuItem>Something else here</MudMenuItem>
    </MudMenu>
</div>