我正在使用 Material-UI,但我有点困惑。有这个组件Typography https://material-ui.com/components/typography/#typography但我真的不明白何时使用它以及它的目的是什么。
什么时候应该Typography
使用?它可以解决/帮助什么问题,或者如果我在开发时使用它会带来什么好处?
举一个例子对我更好地理解它很有帮助。
正如杜波卡斯所说,这是标准化文本的方式。
使用版式,您可以标准化所有文本类别。例如,如果您希望所有标题具有相同的大小、字体、粗细……您可以这样使用:
<Typography variant="h1">My Title</Typography>
为您所有的字幕
<Typography variant="subtitle1">My SubTitle</Typography>
使用该组件,您不必向文本添加具有特定 className 的 div 来设置特定样式。默认情况下,它们都应用在版式上。
版式有更多可以传递的属性,例如“组件”,它允许您选择 html 标签的类型来包装文本。以前的版本中并非如此
<Typography variant="body1" component="p">
My Text
</Typography>
Material UI 是一个很棒的库,它为您做出选择,但也让您做出自己的选择。所有变体都可以定制。您可以查看“自定义”部分以了解具体操作方法。
请查看排版“API”部分,它很有用且有帮助。
希望它有帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)