Angular Button - Change Icon Position

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

app.component.html
  • <dx-button ...
  • icon="comment"
  • [rtlEnabled]="true">
  • </dx-button>

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

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