React Button - Change Icon Position

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

index.js
  • $(function() {
  •     $("#button").dxButton({
  •         // ...
  •         icon: "comment",
  •         rtlEnabled: true
  •     });
  • });

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

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