Search results

Create right-to-left Dropdown Menu in Blazor Dropdown Menu component

Dropdown Menu component has RTL support. This can be achieved by setting EnableRtl as true.

The following example illustrates how to enable right-to-left support in Dropdown Menu component.

@using Syncfusion.Blazor.SplitButtons

<SfDropDownButton IconCss="e-icons e-message" EnableRtl="true">Message
    <DropDownButtonItems>
        <DropDownButtonItem Text="Edit"></DropDownButtonItem>
        <DropDownButtonItem Text="Copy"></DropDownButtonItem>
        <DropDownButtonItem Text="Paste"></DropDownButtonItem>
    </DropDownButtonItems>
</SfDropDownButton>

<style>
    .e-message::before {
        content: '\e30d';
    }

    .e-edit::before {
        content: '\e81e';
    }

    .e-delete::before {
        content: '\e84e';
    }

    .e-like::before {
        content: '\e682';
    }

</style>

Output be like

Button Sample