How to enable RTL in Blazor Button

14 Aug 20261 minute to read

The Blazor Button component has RTL support. This can be achieved by setting the EnableRtl property to true. When RTL is enabled, the icon position and content alignment are mirrored automatically.

The following example illustrates how to enable right-to-left support in the Button component.

@using Syncfusion.Blazor.Buttons

<SfButton IconCss="e-icons e-setting-icon" EnableRtl="true">Settings</SfButton>

<style>
    .e-setting-icon::before {
        content: '\e880';
    }
</style>

See also

• Types and Styles in Blazor Button
• Accessibility in Blazor Button
• Blazor Button API reference