gpt4 book ai didi

reactjs - 是否可以在material-ui Appbars中添加副标题?

转载 作者:行者123 更新时间:2023-12-04 16:08:36 26 4
gpt4 key购买 nike

Material-UI 的 AppBar 提供了 title 属性但没有 subtitle 属性。我想在标题下方以较小的文本添加一些内容,但我一直无法找到一种方法来做到这一点。添加标签会隐藏过去的任何内容,并将该区域中任何内容的显示属性更改为阻止也会隐藏它。我能找到的唯一解决方案是严重破坏组件(基本上忽略标题属性并劫持宽度为 100% div 的 AppBar,这并不理想)。有没有人找到更好的方法来做到这一点?谢谢!

最佳答案

您可以在 title 中放入您想要的任何 HTML/组件支柱。 titleStyle可用于调整最外层元素(我在下面使用它来覆盖 AppBar 默认添加到最外层 <div> 的“行高:64px”):

https://jsfiddle.net/tktbsv63/1/

class Example extends React.Component {
render() {
return (
<AppBar
titleStyle={{ lineHeight: 'normal' }}
title={
<div>
<div style={{ marginTop: 10 }}>Title of My App</div>
<div style={{ fontSize: 'small', fontWeight: 300 }}>This is the subtitle</div>
</div>
}
/>
);
}
}

关于reactjs - 是否可以在material-ui Appbars中添加副标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41389231/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com