@fluentui/ react-无头提供者

提供无头供应商的软件包,在某些情况下用于替换 FluentProvider 从 @fluentui/react-components。 。 。 .

HeadlessFluentProvider 不添加任何 DOM 元素, 只应用来自 @fluentui/react-components 以适当制作.

以下专题工作:

• 生成不同的文档,即. targetDocument 道具
• customStyleHooks_unstable 打开 overrides_unstable 道具

以下特性不起作用 :

• 在这一设想中,主题应在全球或单独配置
• 范围为“ dir ” , 在此情景中, 文本方向应当在全球或单独配置
• 用于多填充 :focus-visible (单位:千美元)useFocusVisible() 从 @fluentui/react-tabster)应单独初始化

设计用于 createCSSRuleFromTheme()上下文 微软/流体# 21290。 。 。 .

安装

yarn add @fluentui-contrib/react-headless-provider
# or
npm install @fluentui-contrib/react-headless-provider

使用量

import * as React from 'react';
import { HeadlessFluentProvider } from '@fluentui-contrib/react-headless-provider';

export function RootContainer(props) {
  const { targetDocument } = props;

  return <HeadlessFluentProvider targetDocument={targetDocument}>{/* children */}</HeadlessFluentProvider>;
}