Javascript 旋转/变换材质UI列表

Javascript 旋转/变换材质UI列表,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我试图使用React Material UI和Drawer API构建一个按钮旋转的导航侧栏(按钮旋转90度的堆叠列表)。我只有几个按钮,我想使用,所以我正试图与永久抽屉设置这一点。我想知道是否有人对此有任何例子或解决方案。目前,我在CSS文件中有以下内容: .horiz列表{ 显示:内联块; 变换:旋转(270度); 高度:80px; 宽度:50px; } 这是我的边栏代码中的一个示例: const按钮={ 文字:“照片”, onClick:()=>history.push(“/photos

我试图使用React Material UI和Drawer API构建一个按钮旋转的导航侧栏(按钮旋转90度的堆叠列表)。我只有几个按钮,我想使用,所以我正试图与永久抽屉设置这一点。我想知道是否有人对此有任何例子或解决方案。目前,我在CSS文件中有以下内容:

.horiz列表{
显示:内联块;
变换:旋转(270度);
高度:80px;
宽度:50px;
}
这是我的边栏代码中的一个示例:

const按钮={
文字:“照片”,
onClick:()=>history.push(“/photos”)
};
现在,一些标签在屏幕外结束,滑块在底部。提前谢谢