Package Exports

@fluentui/react
@fluentui/react/lib
@fluentui/react/lib-commonjs/ActivityItem
@fluentui/react/lib-commonjs/ActivityItem.js
@fluentui/react/lib-commonjs/Announced
@fluentui/react/lib-commonjs/Announced.js
@fluentui/react/lib-commonjs/Autofill
@fluentui/react/lib-commonjs/Autofill.js
@fluentui/react/lib-commonjs/Breadcrumb
@fluentui/react/lib-commonjs/Breadcrumb.js
@fluentui/react/lib-commonjs/Button
@fluentui/react/lib-commonjs/Button.js
@fluentui/react/lib-commonjs/Calendar
@fluentui/react/lib-commonjs/Calendar.js
@fluentui/react/lib-commonjs/Callout
@fluentui/react/lib-commonjs/Callout.js
@fluentui/react/lib-commonjs/Check
@fluentui/react/lib-commonjs/Check.js
@fluentui/react/lib-commonjs/Checkbox
@fluentui/react/lib-commonjs/Checkbox.js
@fluentui/react/lib-commonjs/ChoiceGroup
@fluentui/react/lib-commonjs/ChoiceGroup.js
@fluentui/react/lib-commonjs/ChoiceGroupOption
@fluentui/react/lib-commonjs/ChoiceGroupOption.js
@fluentui/react/lib-commonjs/Coachmark
@fluentui/react/lib-commonjs/Coachmark.js
@fluentui/react/lib-commonjs/Color
@fluentui/react/lib-commonjs/Color.js
@fluentui/react/lib-commonjs/ColorPicker
@fluentui/react/lib-commonjs/ColorPicker.js
@fluentui/react/lib-commonjs/ComboBox
@fluentui/react/lib-commonjs/ComboBox.js
@fluentui/react/lib-commonjs/CommandBar
@fluentui/react/lib-commonjs/CommandBar.js
@fluentui/react/lib-commonjs/ContextualMenu
@fluentui/react/lib-commonjs/ContextualMenu.js
@fluentui/react/lib-commonjs/DatePicker
@fluentui/react/lib-commonjs/DatePicker.js
@fluentui/react/lib-commonjs/DateTimeUtilities
@fluentui/react/lib-commonjs/DateTimeUtilities.js
@fluentui/react/lib-commonjs/DetailsList
@fluentui/react/lib-commonjs/DetailsList.js
@fluentui/react/lib-commonjs/Dialog
@fluentui/react/lib-commonjs/Dialog.js
@fluentui/react/lib-commonjs/Divider
@fluentui/react/lib-commonjs/Divider.js
@fluentui/react/lib-commonjs/DocumentCard
@fluentui/react/lib-commonjs/DocumentCard.js
@fluentui/react/lib-commonjs/DragDrop
@fluentui/react/lib-commonjs/DragDrop.js
@fluentui/react/lib-commonjs/Dropdown
@fluentui/react/lib-commonjs/Dropdown.js
@fluentui/react/lib-commonjs/ExtendedPicker
@fluentui/react/lib-commonjs/ExtendedPicker.js
@fluentui/react/lib-commonjs/Fabric
@fluentui/react/lib-commonjs/Fabric.js
@fluentui/react/lib-commonjs/Facepile
@fluentui/react/lib-commonjs/Facepile.js
@fluentui/react/lib-commonjs/FloatingPicker
@fluentui/react/lib-commonjs/FloatingPicker.js
@fluentui/react/lib-commonjs/FocusTrapZone
@fluentui/react/lib-commonjs/FocusTrapZone.js
@fluentui/react/lib-commonjs/FocusZone
@fluentui/react/lib-commonjs/FocusZone.js
@fluentui/react/lib-commonjs/Grid
@fluentui/react/lib-commonjs/Grid.js
@fluentui/react/lib-commonjs/GroupedList
@fluentui/react/lib-commonjs/GroupedList.js
@fluentui/react/lib-commonjs/HoverCard
@fluentui/react/lib-commonjs/HoverCard.js
@fluentui/react/lib-commonjs/Icon
@fluentui/react/lib-commonjs/Icon.js
@fluentui/react/lib-commonjs/Icons
@fluentui/react/lib-commonjs/Icons.js
@fluentui/react/lib-commonjs/Image
@fluentui/react/lib-commonjs/Image.js
@fluentui/react/lib-commonjs/Keytip
@fluentui/react/lib-commonjs/Keytip.js
@fluentui/react/lib-commonjs/KeytipData
@fluentui/react/lib-commonjs/KeytipData.js
@fluentui/react/lib-commonjs/KeytipLayer
@fluentui/react/lib-commonjs/KeytipLayer.js
@fluentui/react/lib-commonjs/Keytips
@fluentui/react/lib-commonjs/Keytips.js
@fluentui/react/lib-commonjs/Label
@fluentui/react/lib-commonjs/Label.js
@fluentui/react/lib-commonjs/Layer
@fluentui/react/lib-commonjs/Layer.js
@fluentui/react/lib-commonjs/Link
@fluentui/react/lib-commonjs/Link.js
@fluentui/react/lib-commonjs/List
@fluentui/react/lib-commonjs/List.js
@fluentui/react/lib-commonjs/MarqueeSelection
@fluentui/react/lib-commonjs/MarqueeSelection.js
@fluentui/react/lib-commonjs/MessageBar
@fluentui/react/lib-commonjs/MessageBar.js
@fluentui/react/lib-commonjs/Modal
@fluentui/react/lib-commonjs/Modal.js
@fluentui/react/lib-commonjs/Nav
@fluentui/react/lib-commonjs/Nav.js
@fluentui/react/lib-commonjs/OverflowSet
@fluentui/react/lib-commonjs/OverflowSet.js
@fluentui/react/lib-commonjs/Overlay
@fluentui/react/lib-commonjs/Overlay.js
@fluentui/react/lib-commonjs/Panel
@fluentui/react/lib-commonjs/Panel.js
@fluentui/react/lib-commonjs/Persona
@fluentui/react/lib-commonjs/Persona.js
@fluentui/react/lib-commonjs/PersonaCoin
@fluentui/react/lib-commonjs/PersonaCoin.js
@fluentui/react/lib-commonjs/PersonaPresence
@fluentui/react/lib-commonjs/PersonaPresence.js
@fluentui/react/lib-commonjs/Pickers
@fluentui/react/lib-commonjs/Pickers.js
@fluentui/react/lib-commonjs/Pivot
@fluentui/react/lib-commonjs/Pivot.js
@fluentui/react/lib-commonjs/Popup
@fluentui/react/lib-commonjs/Popup.js
@fluentui/react/lib-commonjs/Positioning
@fluentui/react/lib-commonjs/Positioning.js
@fluentui/react/lib-commonjs/PositioningContainer
@fluentui/react/lib-commonjs/PositioningContainer.js
@fluentui/react/lib-commonjs/ProgressIndicator
@fluentui/react/lib-commonjs/ProgressIndicator.js
@fluentui/react/lib-commonjs/Rating
@fluentui/react/lib-commonjs/Rating.js
@fluentui/react/lib-commonjs/ResizeGroup
@fluentui/react/lib-commonjs/ResizeGroup.js
@fluentui/react/lib-commonjs/ScrollablePane
@fluentui/react/lib-commonjs/ScrollablePane.js
@fluentui/react/lib-commonjs/SearchBox
@fluentui/react/lib-commonjs/SearchBox.js
@fluentui/react/lib-commonjs/SelectableOption
@fluentui/react/lib-commonjs/SelectableOption.js
@fluentui/react/lib-commonjs/SelectedItemsList
@fluentui/react/lib-commonjs/SelectedItemsList.js
@fluentui/react/lib-commonjs/Selection
@fluentui/react/lib-commonjs/Selection.js
@fluentui/react/lib-commonjs/Separator
@fluentui/react/lib-commonjs/Separator.js
@fluentui/react/lib-commonjs/Shimmer
@fluentui/react/lib-commonjs/Shimmer.js
@fluentui/react/lib-commonjs/ShimmeredDetailsList
@fluentui/react/lib-commonjs/ShimmeredDetailsList.js
@fluentui/react/lib-commonjs/Slider
@fluentui/react/lib-commonjs/Slider.js
@fluentui/react/lib-commonjs/SpinButton
@fluentui/react/lib-commonjs/SpinButton.js
@fluentui/react/lib-commonjs/Spinner
@fluentui/react/lib-commonjs/Spinner.js
@fluentui/react/lib-commonjs/Stack
@fluentui/react/lib-commonjs/Stack.js
@fluentui/react/lib-commonjs/Sticky
@fluentui/react/lib-commonjs/Sticky.js
@fluentui/react/lib-commonjs/Styling
@fluentui/react/lib-commonjs/Styling.js
@fluentui/react/lib-commonjs/SwatchColorPicker
@fluentui/react/lib-commonjs/SwatchColorPicker.js
@fluentui/react/lib-commonjs/TeachingBubble
@fluentui/react/lib-commonjs/TeachingBubble.js
@fluentui/react/lib-commonjs/Text
@fluentui/react/lib-commonjs/Text.js
@fluentui/react/lib-commonjs/TextField
@fluentui/react/lib-commonjs/TextField.js
@fluentui/react/lib-commonjs/ThemeGenerator
@fluentui/react/lib-commonjs/ThemeGenerator.js
@fluentui/react/lib-commonjs/Toggle
@fluentui/react/lib-commonjs/Toggle.js
@fluentui/react/lib-commonjs/Tooltip
@fluentui/react/lib-commonjs/Tooltip.js
@fluentui/react/lib-commonjs/Utilities
@fluentui/react/lib-commonjs/Utilities.js
@fluentui/react/lib-commonjs/compat/Button
@fluentui/react/lib-commonjs/compat/Button.js
@fluentui/react/lib-commonjs/index
@fluentui/react/lib-commonjs/index.bundle
@fluentui/react/lib-commonjs/index.bundle.js
@fluentui/react/lib-commonjs/index.js
@fluentui/react/lib/ActivityItem
@fluentui/react/lib/ActivityItem.js
@fluentui/react/lib/Announced
@fluentui/react/lib/Announced.js
@fluentui/react/lib/Autofill
@fluentui/react/lib/Autofill.js
@fluentui/react/lib/Breadcrumb
@fluentui/react/lib/Breadcrumb.js
@fluentui/react/lib/Button
@fluentui/react/lib/Button.js
@fluentui/react/lib/Calendar
@fluentui/react/lib/Calendar.js
@fluentui/react/lib/Callout
@fluentui/react/lib/Callout.js
@fluentui/react/lib/Check
@fluentui/react/lib/Check.js
@fluentui/react/lib/Checkbox
@fluentui/react/lib/Checkbox.js
@fluentui/react/lib/ChoiceGroup
@fluentui/react/lib/ChoiceGroup.js
@fluentui/react/lib/ChoiceGroupOption
@fluentui/react/lib/ChoiceGroupOption.js
@fluentui/react/lib/Coachmark
@fluentui/react/lib/Coachmark.js
@fluentui/react/lib/Color
@fluentui/react/lib/Color.js
@fluentui/react/lib/ColorPicker
@fluentui/react/lib/ColorPicker.js
@fluentui/react/lib/ComboBox
@fluentui/react/lib/ComboBox.js
@fluentui/react/lib/CommandBar
@fluentui/react/lib/CommandBar.js
@fluentui/react/lib/ContextualMenu
@fluentui/react/lib/ContextualMenu.js
@fluentui/react/lib/DatePicker
@fluentui/react/lib/DatePicker.js
@fluentui/react/lib/DateTimeUtilities
@fluentui/react/lib/DateTimeUtilities.js
@fluentui/react/lib/DetailsList
@fluentui/react/lib/DetailsList.js
@fluentui/react/lib/Dialog
@fluentui/react/lib/Dialog.js
@fluentui/react/lib/Divider
@fluentui/react/lib/Divider.js
@fluentui/react/lib/DocumentCard
@fluentui/react/lib/DocumentCard.js
@fluentui/react/lib/DragDrop
@fluentui/react/lib/DragDrop.js
@fluentui/react/lib/Dropdown
@fluentui/react/lib/Dropdown.js
@fluentui/react/lib/ExtendedPicker
@fluentui/react/lib/ExtendedPicker.js
@fluentui/react/lib/Fabric
@fluentui/react/lib/Fabric.js
@fluentui/react/lib/Facepile
@fluentui/react/lib/Facepile.js
@fluentui/react/lib/FloatingPicker
@fluentui/react/lib/FloatingPicker.js
@fluentui/react/lib/FocusTrapZone
@fluentui/react/lib/FocusTrapZone.js
@fluentui/react/lib/FocusZone
@fluentui/react/lib/FocusZone.js
@fluentui/react/lib/Foundation
@fluentui/react/lib/Foundation.js
@fluentui/react/lib/Grid
@fluentui/react/lib/Grid.js
@fluentui/react/lib/GroupedList
@fluentui/react/lib/GroupedList.js
@fluentui/react/lib/HoverCard
@fluentui/react/lib/HoverCard.js
@fluentui/react/lib/Icon
@fluentui/react/lib/Icon.js
@fluentui/react/lib/Icons
@fluentui/react/lib/Icons.js
@fluentui/react/lib/Image
@fluentui/react/lib/Image.js
@fluentui/react/lib/Keytip
@fluentui/react/lib/Keytip.js
@fluentui/react/lib/KeytipData
@fluentui/react/lib/KeytipData.js
@fluentui/react/lib/KeytipLayer
@fluentui/react/lib/KeytipLayer.js
@fluentui/react/lib/Keytips
@fluentui/react/lib/Keytips.js
@fluentui/react/lib/Label
@fluentui/react/lib/Label.js
@fluentui/react/lib/Layer
@fluentui/react/lib/Layer.js
@fluentui/react/lib/Link
@fluentui/react/lib/Link.js
@fluentui/react/lib/List
@fluentui/react/lib/List.js
@fluentui/react/lib/MarqueeSelection
@fluentui/react/lib/MarqueeSelection.js
@fluentui/react/lib/MessageBar
@fluentui/react/lib/MessageBar.js
@fluentui/react/lib/Modal
@fluentui/react/lib/Modal.js
@fluentui/react/lib/Nav
@fluentui/react/lib/Nav.js
@fluentui/react/lib/OverflowSet
@fluentui/react/lib/OverflowSet.js
@fluentui/react/lib/Overlay
@fluentui/react/lib/Overlay.js
@fluentui/react/lib/Panel
@fluentui/react/lib/Panel.js
@fluentui/react/lib/Persona
@fluentui/react/lib/Persona.js
@fluentui/react/lib/PersonaCoin
@fluentui/react/lib/PersonaCoin.js
@fluentui/react/lib/PersonaPresence
@fluentui/react/lib/PersonaPresence.js
@fluentui/react/lib/Pickers
@fluentui/react/lib/Pickers.js
@fluentui/react/lib/Pivot
@fluentui/react/lib/Pivot.js
@fluentui/react/lib/Popup
@fluentui/react/lib/Popup.js
@fluentui/react/lib/Positioning
@fluentui/react/lib/Positioning.js
@fluentui/react/lib/PositioningContainer
@fluentui/react/lib/PositioningContainer.js
@fluentui/react/lib/ProgressIndicator
@fluentui/react/lib/ProgressIndicator.js
@fluentui/react/lib/Rating
@fluentui/react/lib/Rating.js
@fluentui/react/lib/ResizeGroup
@fluentui/react/lib/ResizeGroup.js
@fluentui/react/lib/ScrollablePane
@fluentui/react/lib/ScrollablePane.js
@fluentui/react/lib/SearchBox
@fluentui/react/lib/SearchBox.js
@fluentui/react/lib/SelectableOption
@fluentui/react/lib/SelectableOption.js
@fluentui/react/lib/SelectedItemsList
@fluentui/react/lib/SelectedItemsList.js
@fluentui/react/lib/Selection
@fluentui/react/lib/Selection.js
@fluentui/react/lib/Separator
@fluentui/react/lib/Separator.js
@fluentui/react/lib/Shimmer
@fluentui/react/lib/Shimmer.js
@fluentui/react/lib/ShimmeredDetailsList
@fluentui/react/lib/ShimmeredDetailsList.js
@fluentui/react/lib/Slider
@fluentui/react/lib/Slider.js
@fluentui/react/lib/SpinButton
@fluentui/react/lib/SpinButton.js
@fluentui/react/lib/Spinner
@fluentui/react/lib/Spinner.js
@fluentui/react/lib/Stack
@fluentui/react/lib/Stack.js
@fluentui/react/lib/Sticky
@fluentui/react/lib/Sticky.js
@fluentui/react/lib/Styling
@fluentui/react/lib/Styling.js
@fluentui/react/lib/SwatchColorPicker
@fluentui/react/lib/SwatchColorPicker.js
@fluentui/react/lib/TeachingBubble
@fluentui/react/lib/TeachingBubble.js
@fluentui/react/lib/Text
@fluentui/react/lib/Text.js
@fluentui/react/lib/TextField
@fluentui/react/lib/TextField.js
@fluentui/react/lib/ThemeGenerator
@fluentui/react/lib/ThemeGenerator.js
@fluentui/react/lib/Toggle
@fluentui/react/lib/Toggle.js
@fluentui/react/lib/Tooltip
@fluentui/react/lib/Tooltip.js
@fluentui/react/lib/Utilities
@fluentui/react/lib/Utilities.js
@fluentui/react/lib/WindowProvider
@fluentui/react/lib/WindowProvider.js
@fluentui/react/lib/compat/Button
@fluentui/react/lib/compat/Button.js
@fluentui/react/lib/index
@fluentui/react/lib/index.bundle
@fluentui/react/lib/index.bundle.js
@fluentui/react/lib/index.js
@fluentui/react/package.json

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@fluentui/react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Fluent UI React

The React-based front-end framework for building experiences for Microsoft 365.

Fluent UI 7 Summary, breaking changes, and more details available in the wiki.

Fluent UI React is a collection of robust React-based components designed to make it simple for you to create consistent web experiences using the Fluent Design System.

For information about available controls, see the Fluent UI website.

To get started using or contributing to Fluent UI, see the full readme.