如何解决如何设计新的@fluentui/react-button [v8 beta]?
是否有任何关于如何将样式自定义应用到新按钮的文档?根据下面的代码,使用 IButtonStyles 接口的样式在新按钮上被破坏了。
import { PrimaryButton } from '@fluentui/react';
import { Button as FluentButton } from '@fluentui/react-button';
const btnStyles = {
rootHovered: {
background: "red"
}
};
return (
<div>
<PrimaryButton styles={btnStyles}/>
<FluentButton styles={btnStyles}/>
</div>
)
解决方法
查看了定义新反应按钮的文件,似乎需要一个 ButtonTokens。猜测这是随着更广泛的 Fluent UI 趋势转向样式标记。
const btnStyle : ButtonTokens = { borderColor: 'red' }
return (
<FluentButton tokens={btnStyle} />
)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。