简体   繁体   English

React Material UI选项卡CSS

[英]React Material UI tabs css

Here I have attached my screen which is designed using react Material UI tabs. 在这里,我附加了使用react Material UI选项卡设计的屏幕。 MaterialUI选项卡

It had two tab heading buttons as Contribute component and Contribute idea . 它有两个选项卡标题按钮,分别是Contribute组件Contribute idea I need to reduce the size of those two buttons but not the size of container which holds the input fields (ie: Select stack and Select Category). 我需要减小这两个按钮的大小,但不必减小容纳输入字段的容器的大小(即:选择堆栈和选择类别)。 Also need to add a space between those headers and the input fields.I have tried with style={{width:'50%'}} property but it doesn't give me the required output. 还需要在这些标题和输入字段之间添加一个空格。我尝试使用style={{width:'50%'}}属性,但没有提供所需的输出。 How can I achieve this 我该如何实现

I saw a property called tabItemContainerStyle which is being used to modify the tab header. 我看到了一个名为tabItemContainerStyle的属性,该属性用于修改选项卡标题。 It is working fine for me 对我来说很好

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM