No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

FluentProvider


Default

Web Light Theme
Teams Light Theme
Teams Dark Theme
Open in CodeSandbox
NameDescriptionDefault
theme
Partial<Theme>
-
as
"div"
-
dir
Sets the direction of text & generated styles.
"ltr""rtl"
-
targetDocument
Provides the document, can be undefined during SSR render.
Document
-

Stories

Dir

A Fluent provider can render text left-to-right (LTR) or right-to-left (RTL).

Text left to right
نص من اليمين إلى اليسار
Open in CodeSandbox

Nested

A Fluent provider can be nested to override some or all of a tokens.

Web Light Theme using brand tokens
Nested FluentProvider with partial theme
Open in CodeSandbox

Frame

A Fluent provider does not cross an iframee boundary.Renderer provider supports Fluent provider within the iframe.

Content rendered outside iframe
Open in CodeSandbox