Search results

Create right-to-left SplitButton

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

@using Syncfusion.EJ2.Blazor.SplitButtons

<EjsSplitButton Items="@Items" IconCss="e-icons e-paste" EnableRtl="true">Paste</EjsSplitButton>

@code {

    public List<ItemModel> Items = new List<ItemModel>
    {
        new ItemModel{ Text = "Cut", IconCss = "e-icons e-cut" },
        new ItemModel{ Text = "Copy", IconCss = "e-icons e-copy" },
        new ItemModel{ Text = "Paste", IconCss = "e-icons e-paste" }
    };
}

<style>
    .e-paste::before {
        content: '\e501';
    }

    .e-cut::before {
        content: '\e604';
    }

    .e-copy::before {
        content: '\e60d';
    }
</style>
  

Output be like

Split Button Sample