Search results

Hide dropdown arrow in Blazor Dropdown Menu component

You can hide the dropdown arrow from the Dropdown Menu by adding class e-caret-hide to Dropdown Menu element using CssClass property.

@using Syncfusion.Blazor.SplitButtons

<SfDropDownButton CssClass="e-caret-hide" Content="Message">
    <DropDownButtonItems>
        <DropDownButtonItem Text="Edit"></DropDownButtonItem>
        <DropDownButtonItem Text="Delete"></DropDownButtonItem>
        <DropDownButtonItem Text="Mark as Read"></DropDownButtonItem>
        <DropDownButtonItem Text="Like Message"></DropDownButtonItem>
    </DropDownButtonItems>
</SfDropDownButton>

Output be like

Button Sample