Vue Button - Change Icon Position

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

App.vue
  • <template>
  •     <DxButton ...
  •         icon="comment"
  •         :rtl-enabled="true"
  •     />
  • </template>

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

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