如何更改 Office 的 Fabric 元素的布局?

How to change layout of Office's Fabric elements?

我对 React 和 Microsoft 的 Fabric 还很陌生。我一直在尝试弄清楚是否可以更改 <GroupHeader> 中元素的布局 查看 source ,如果元素遵循某种布局样式,或者它们是否只是按照渲染函数内的声明顺序出现,我并不完全清楚。我希望重新排列一些元素而不是创建一个完全自定义的 <GroupHeader>。我试过调整一些 CSS 属性并将它们作为 className 传递,但它没有用。

有办法吗?或者什么是完成这项任务的最佳方法?

我已经把这个 codepen 放在了非常快速的位置,以展示如何通过更改折叠按钮的顺序来设置 GroupHeader 的样式。可能还有一些其他方法,包括常规 css 样式甚至自定义 onRenderHeader,但看起来您不想创建自定义渲染器。让我知道是否有帮助!