我正在使用带有 react 的 blueprintjs,并希望自定义蓝图组件的大小和颜色。
例如,我有一个微调器,并且想将它的大小自定义为 30 像素。
<Spinner className={'customSize'}/>
哪个 customSize 是
.customSize{
width: 30px;
}
但是,它不会覆盖原始大小。有没有可能自定义微调器的大小或颜色的方法?
谢谢
我正在使用带有 react 的 blueprintjs,并希望自定义蓝图组件的大小和颜色。
例如,我有一个微调器,并且想将它的大小自定义为 30 像素。
<Spinner className={'customSize'}/>
哪个 customSize 是
.customSize{
width: 30px;
}
但是,它不会覆盖原始大小。有没有可能自定义微调器的大小或颜色的方法?
谢谢
您可以编写比 BlueprintJS 提供的更具体的样式。他们对他们的工具包应该如何渲染有非常严格的意见。
不过,它们确实支持 Spinner 组件的不同大小:
<Spinner size={SpinnerSize.LARGE} />
SpinnerSize
常数中的选项是SMALL
,STANDARD
或LARGE
。这些映射到数字,这意味着size
道具需要一个数字。为什么不尝试给它我们自己的号码呢?
<Spinner size={137} />
您可以在此处的文档中了解更多信息。