css - 如何将 Grommet 的 Heading 组件中的文本大写?

标签 css grommet

我正在使用 grommet对于 React 元素,我想知道如何将两个 <Heading /> 中的文本大写组件。

最佳答案

您要求将 header 设为大写并执行大写

在你的回答中你是这样做的,

<Heading style={{'textTransform': 'uppercase'}}>{product.name}</Heading>

假设您的 product.name = mobile,那么根据您的回答,您将得到 MOBILE 的输出,全部 大写字母。

要使其大写使用这个

<Heading style={{'textTransform': 'capitalize'}}>{product.name}</Heading>

现在您将获得所需的输出Mobile,这是一个大写

有关uppercasecapitalize 的更多详细信息,请参阅this .

关于css - 如何将 Grommet 的 Heading 组件中的文本大写?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56248642/

相关文章:

reactjs - 索环主题中的自定义按钮悬停状态

javascript - 如何测试渲染到顶层的 enzyme 成分

reactjs - React-boilerplate+grommet,使 sass 与 webpack 一起工作

html - 如何在 CSS3 中将表头文本定位在中心?

javascript - 传单 map 背景图 block 显示为断开的链接

html - Bootstrap 支持哪些版本的 IE?

javascript - React 调用另一个组件

javascript - Android Web 开发...Div 宽度(更可能是内部文本)正在根据设备缩放以像素为单位发生变化

html - 允许在表格上水平滚动,底部始终可见

javascript - 为什么 TableRow 在 Grommet 中不可悬停?