React Button - Change Icon Position

To align an icon to the right, assign true to the rtlEnabled property:

jQuery
index.js
$(function() {
    $("#button").dxButton({
        // ...
        icon: "comment",
        rtlEnabled: true
    });
});
Angular
app.component.html
<dx-button ...
    icon="comment"
    [rtlEnabled]="true">
</dx-button>
Vue
App.vue
<template>
    <DxButton ...
        icon="comment"
        :rtl-enabled="true"
    />
</template>
React
App.js
// ...

function App() {
    return (
        <Button ...
            icon="comment"
            rtlEnabled={true}
        />
    );
}

export default App;

To align an icon to any other position, use CSS rules. For example:

CSS
.dx-button .dx-icon {  
    padding-left: 15px;  
}