Fluent provider Preview

The Fluent provider defines the styles that are used in your app. Fluent provider can provide styling for the entire experience or can be used to override and redefine particular sections.

Loading...
Open in CodeSandbox
Fluent provider storybook
React guidance

Properties

applyStylesToPortals

Passes styles applied to a component down to portals if enabled.

boolean
Default:
true

as

“div”
Default:
none

customStyleHooks_unstable

Sets the hooks for custom styling components.

Partial<CustomStyleHooksContextValue_unstable>
Default:
none

dir

Sets the direction of text & generated styles.

“rtl” “ltr”
Default:
none

overrides_unstable

OverridesContextValue_unstable
Default:
none

targetDocument

Provides the document, can be undefined during SSR render.

Document
Default:
none

theme

Sets the theme used in a scope.

Partial<Theme>
Default:
none