Повернуть метку - кнопка пользовательского интерфейса материала

Question

У меня есть такая кнопка (material-ui):

//theme.js
export const XButtonTop = withStyles({
  root: {
    borderColor: medium_col,
    borderRadius: 1,
    borderTopLeftRadius: 16,
    borderTopRightRadius: 16,
    height: 28
  },
  label: {
    textTransform: "uppercase",
    fontSize: "10px"
  }
})(Button);

//App.js
import {
  XButtonTop
} from "../theme";

const Selector = state => {
return (
<div>
  <XButtonTop fullWidth size="small" disableElevation>
  )
  </XButtonTop>
</div>
)
}

Мне нужно повернуть этикетку (на 90 градусов).

Может кто-нибудь помочь мне, пожалуйста? Спасибо

Answer 1

label: {
    textTransform: 'capitalize',
    transform: 'rotate(-90deg)',
  }

Тогда вы можете изменить высоту кнопки тоже. Как то так для root:

height: 120,
width: 30