要修改Material-UI中Tabs组件的CSS包装规则,使垂直页签的文本靠左对齐,可以按照以下步骤进行操作:
import { withStyles } from '@material-ui/core/styles';
import Tabs from '@material-ui/core/Tabs';
const styles = theme => ({
tabsRoot: {
textAlign: 'left',
},
});
const CustomTabs = withStyles(styles)(Tabs);
<CustomTabs value={value} onChange={handleChange} className={classes.tabsRoot}>
{/* Tab组件 */}
</CustomTabs>
这样,Tabs组件的垂直页签文本就会靠左对齐了。
关于Material-UI的Tabs组件的更多信息,你可以参考腾讯云的产品介绍链接:Material-UI Tabs组件介绍
领取专属 10元无门槛券
手把手带您无忧上云