Search results

Create right-to-left DropDownButton

DropDownButton 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 DropDownButton component.

@using Syncfusion.EJ2.Blazor.SplitButtons

<EjsDropDownButton Items="@Items" IconCss="e-icons e-message" EnableRtl="true">Message</EjsDropDownButton>

@code {
    public List<ItemModel> Items = new List<ItemModel>
    {
        new ItemModel { Text = "Edit", IconCss = "e-icons e-edit" },
        new ItemModel { Text = "Delete", IconCss = "e-icons e-delete" },
        new ItemModel { Text = "Like", IconCss = "e-icons e-like" }
    };
}

<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