JavaScript/jQuery Button - Change Icon Position

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

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;
  • }