Create right-to-left Blazor SplitButton Component
11 Oct 20211 minute to read
Split Button 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 Split Button component.
@using Syncfusion.Blazor.SplitButtons
<SfSplitButton Content="Paste" IconCss="e-icons e-paste" EnableRtl="true">
<DropDownMenuItems>
<DropDownMenuItem IconCss="e-icons e-cut" Text="Cut"></DropDownMenuItem>
<DropDownMenuItem IconCss="e-icons e-copy" Text="Copy"></DropDownMenuItem>
<DropDownMenuItem IconCss="e-icons e-paste" Text="Paste"></DropDownMenuItem>
</DropDownMenuItems>
</SfSplitButton>
<style>
.e-paste::before {
content: '\e739';
}
.e-cut::before {
content: '\e73f';
}
.e-copy::before {
content: '\e77b';
}
</style>