问题标签 [fluentui-react]

我在一个CommandButton带有渐变的深色背景的容器内只渲染一个图标，并且我已将按钮的背景颜色设置为透明。（注意它是透明的，因为容器的背景颜色有渐变。）

我遇到的问题是，由于按钮的默认焦点轮廓是黑色的，并且在深色背景下不可见。如何更改此设置以使焦点轮廓变为原色的反转颜色？

我总是可以附加自定义 CSS 来更改轮廓颜色，但我正在寻找 Fluent UI 框架支持的正确方法。我注意到在指定道具Button时组件会设置白色背景色。primary=true所以，似乎有一种方法可以改变轮廓颜色，但我真的不知道怎么做。我还查看了源代码，它需要一个主题对象并生成一个类名，但这仍然没有告诉我完整的故事。

我在 React 中使用来自“office-ui-fabric-react/lib/Panel”的面板。

此面板在右上角生成一个小 [x] 按钮。很难看，有没有办法将其默认背景颜色更改为红色并修改其鼠标悬停值？

我遇到了一种情况，我需要显示一个下拉菜单并希望从 API 动态获取选项并在单击插入符号时加载（可能在 API 响应通过时显示加载程序）。我正在寻找的经验是以下几行 -

加载（从 API 获取选项）

成功响应后显示选项

该文档没有提供任何可以实现此目的的 API 表面。是否可以使用该控制组件的当前 API 来实现这一点？

我对来自 ms 的 fluentui 中的受控ComboBox有疑问。我无法插入自己的文本，插入并按 Enter 后文本消失。选项选择没有问题。

这里有一个codepen：https ://codepen.io/verhext/pen/jOrKOPe

我不知道我在代码中做错了什么。
谢谢！

我正在尝试使用 i18next 和 Fluent UI 在反应应用程序中实现本地化。

如此处所示 - https://developer.microsoft.com/en-us/fluentui#/styles/web/localization

文档日“Fluent UI 支持多种语言代码，映射到以下字体堆栈：..”

如何在 Fluent UI 中设置“语言代码”以实现相同的功能？

我有一种情况，我想在FluentUI DetailsList中显示数据，其中列名可能很长，而列内容可能很窄。在这种情况下，标题将被截断。 请参阅此代码笔。

有没有办法改变这种行为，比如标题文本覆盖多行？

虽然我在 2 年前发现了这个悬而未决的问题，但在 Stackoverflow、Github 或官方文档上都找不到关于该主题的答案。以下是我尝试的一些方法：

• word-break: break-all;通过headerClassName字段注入一个 CSS 类IColumn
• isMultiLine在列上设置
• DetailsHeader我可以覆盖其渲染的组件本身onRenderDetailsHeader似乎没有提供任何用于自定义文本显示方式的道具

甚至有没有办法实现所需的行为（包装多行而不是截断长列标题）？

我正在使用 Fluent UI 的Pivot组件构建一个选项卡式环境。一些选项卡（或PivotItemsFluent UI 用语）很长，需要可滚动。有没有办法让标签栏保持粘性，无论用户滚动到标签的哪个位置，它都保持在框架的顶部并且可见？

所以问题是当我记录它显示正确结果的值时（1,111,111,111）但是当我为它做 setState 时它是这样显示的（1,1,1,1,1,1,1,1,111 ）。请建议我哪里出错了。

所需输出为 - 1,000 10,000 100,000 1,000,000 10,000,000 100,000,000 1,000,0000,000

我正在阅读 UI Fabric React 的文档，我可以看到我们有这些类可以将字体大小应用于我们的标签：https ://docs.microsoft.com/en-us/office/dev/add-ins/设计/附加排版..我喜欢“副标题”和“正文”的大小作为标题，但是应该是标题的副标题显示为灰色，正文应该是子标签似乎是黑色的。执行以下操作时如何更改默认颜色：

我想使用 UI Fabric React 在 2 列中动态显示数据。例如，我希望有 2 列，一列用于教师，一列用于学生，每次我想用代码动态地向其中一列添加一个条目。这 2 列应彼此相邻对齐。我们如何使用 Office UI Fabric 做到这一点？知道教师和学生的人数可能不同

下面的例子：