버튼의 레이블을 왼쪽 정렬하는 방법

Question

머티리얼 UI 버튼을 사용하여 레이블을 왼쪽으로 정렬하려면 어떻게해야합니까? 버튼 요소의 인라인 스타일을 직접 변경할 수있는 소품이 없으며이를 수행 할 수있는 유일한 방법은 클래스를 추가하고 thisClass> div> 버튼과 같은 일부 CSS 코드 선택기를 작성하는 것입니다.

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

Answer 1

당신은 요소에 labelStyle 속성을 사용하여 라벨 absolute 위치를 제공 할 수 있습니다. 이 작동 :

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

편집 : 텍스트가 버튼을 정렬 사용이

을 할 수있는 더 나은 방법으로 내 대답을 업데이트 :

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

: 라벨에 플로트를 사용

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