Как да оставим етикета на ляво в един бутон - реакция, материал-ui

Как да получа бутон на UI материал, който да се изравниетикета? Няма никакви подпори, които директно да променят вградените стилове в елемента с бутоните и единственият начин да направя това е да добавя клас и да напиша някакъв брутен css selector като този на класа> div>.

http://www.material-ui.com/#/components/raised-button

Отговори:

Можете да дадете етикета absolute позициониране с помощта на labelStyle собственост върху елемента. Това работи:

 <RaisedButton
label="Primary"
primary={true}
lableStyle={{position: "absolute",top: 0,left: -10}} />

Редактиране: Актуализиране на отговора ми с по-добри начини за това

Използването на подравняване на текста от бутона:

  <RaisedButton
style={{textAlign: "left"}}
label="Primary"
primary={true}/>

Използване на плувка на етикета:

  <RaisedButton
lableStyle={{float: "left"}}
label="Primary"
primary={true}/>