How to Hide dropdown arrow in Blazor Dropdown Menu component

Blazor

Search results

28 Jul 2021 / 1 minute to read

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">
    <DropDownMenuItems>
        <DropDownMenuItem Text="Edit"></DropDownMenuItem>
        <DropDownMenuItem Text="Delete"></DropDownMenuItem>
        <DropDownMenuItem Text="Mark as Read"></DropDownMenuItem>
        <DropDownMenuItem Text="Like Message"></DropDownMenuItem>
    </DropDownMenuItems>
</SfDropDownButton>

Output be like

Please provide additional information

Thank you for your feedback and comments.We will rectify this as soon as possible!