# Fluent UI React v9 > **Note:** This is a summary overview using the LLMs.txt format (https://llmstxt.org/). Each section links to its full documentation file in plain text (.txt) format. Click any link below to view the detailed documentation for that section. Fluent UI React is a library of React components that implement Microsoft's [Fluent Design System](https://fluent2.microsoft.design). - [Concepts/Introduction](https://storybooks.fluentui.dev/react//llms/concepts-introduction.txt) - [Concepts/Developer/Quick Start](https://storybooks.fluentui.dev/react//llms/concepts-developer-quick-start.txt) - [Concepts/Developer/Styling Components](https://storybooks.fluentui.dev/react//llms/concepts-developer-styling-components.txt) - [Concepts/Developer/Positioning Components](https://storybooks.fluentui.dev/react//llms/concepts-developer-positioning-components.txt): Fluent components that make use of positioning can all be configured in the same way. Some components which make use of - [Concepts/Developer/Server-Side Rendering/Basic setup](https://storybooks.fluentui.dev/react//llms/concepts-developer-server-side-rendering-basic-setup.txt) - [Concepts/Developer/Server-Side Rendering/Limitations with Portals](https://storybooks.fluentui.dev/react//llms/concepts-developer-server-side-rendering-limitations-with-portals.txt) - [Concepts/Developer/Server-Side Rendering/Next.js appDir setup](https://storybooks.fluentui.dev/react//llms/concepts-developer-server-side-rendering-next-js-appdir-setup.txt) - [Concepts/Developer/Server-Side Rendering/Next.js pages setup](https://storybooks.fluentui.dev/react//llms/concepts-developer-server-side-rendering-next-js-pages-setup.txt) - [Concepts/Developer/Server-Side Rendering/React Router 7 and Remix setup](https://storybooks.fluentui.dev/react//llms/concepts-developer-server-side-rendering-react-router-7-and-remix-setup.txt) - [Concepts/Developer/Accessibility/Component labelling](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-component-labelling.txt) - [Concepts/Developer/Accessibility/Components/Dropdown](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-components-dropdown.txt) - [Concepts/Developer/Accessibility/Components/SpinButton](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-components-spinbutton.txt) - [Concepts/Developer/Accessibility/Components Overview](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-components-overview.txt) - [Concepts/Developer/Accessibility/Debugging notifications](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-debugging-notifications.txt) - [Concepts/Developer/Accessibility/Experiences](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-experiences.txt) - [Concepts/Developer/Accessibility/Focus indicator](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-focus-indicator.txt) - [Concepts/Developer/Accessibility/Notification Best Practices](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-notification-best-practices.txt) - [Concepts/Developer/Accessibility/Scenarios](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-scenarios.txt) - [Concepts/Developer/Accessibility/Scenarios](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-scenarios.txt) - [Concepts/Developer/Accessibility/Truncation](https://storybooks.fluentui.dev/react//llms/concepts-developer-accessibility-truncation.txt) - [Concepts/Developer/Advanced Configuration](https://storybooks.fluentui.dev/react//llms/concepts-developer-advanced-configuration.txt) - [Concepts/Developer/Advanced Styling Techniques](https://storybooks.fluentui.dev/react//llms/concepts-developer-advanced-styling-techniques.txt) - [Concepts/Developer/Browser Support Matrix](https://storybooks.fluentui.dev/react//llms/concepts-developer-browser-support-matrix.txt) - [Concepts/Developer/Build time styles](https://storybooks.fluentui.dev/react//llms/concepts-developer-build-time-styles.txt) - [Concepts/Developer/Customizing Components with Slots](https://storybooks.fluentui.dev/react//llms/concepts-developer-customizing-components-with-slots.txt) - [Concepts/Developer/React Version Support](https://storybooks.fluentui.dev/react//llms/concepts-developer-react-version-support.txt) - [Concepts/Developer/Supported Platforms](https://storybooks.fluentui.dev/react//llms/concepts-developer-supported-platforms.txt) - [Concepts/Developer/Theming](https://storybooks.fluentui.dev/react//llms/concepts-developer-theming.txt) - [Concepts/Developer/Unprocessed Styles](https://storybooks.fluentui.dev/react//llms/concepts-developer-unprocessed-styles.txt) - [Concepts/Developer/Web Components Interop/Using Fluent React with Web Components](https://storybooks.fluentui.dev/react//llms/concepts-developer-web-components-interop-using-fluent-react-with-web-components.txt) - [Concepts/Migration/Getting Started](https://storybooks.fluentui.dev/react//llms/concepts-migration-getting-started.txt) - [Concepts/Migration/Keeping Design Consistent](https://storybooks.fluentui.dev/react//llms/concepts-migration-keeping-design-consistent.txt) - [Concepts/Migration/Handling Breaking Changes](https://storybooks.fluentui.dev/react//llms/concepts-migration-handling-breaking-changes.txt) - [Concepts/Migration/from v8/Component Mapping](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-component-mapping.txt) - [Concepts/Migration/from v8/Color Mapping](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-color-mapping.txt) - [Concepts/Migration/from v8/Troubleshooting](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-troubleshooting.txt) - [Concepts/Migration/from v8/Components/AvatarGroup Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-avatargroup-migration.txt) - [Concepts/Migration/from v8/Components/Button Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-button-migration.txt) - [Concepts/Migration/from v8/Components/Card Migration/Card](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-card-migration-card.txt) - [Concepts/Migration/from v8/Components/Card Migration/CardFooter](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-card-migration-cardfooter.txt) - [Concepts/Migration/from v8/Components/Card Migration/CardHeader](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-card-migration-cardheader.txt) - [Concepts/Migration/from v8/Components/Card Migration/CardPreview](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-card-migration-cardpreview.txt) - [Concepts/Migration/from v8/Components/Charts Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-charts-migration.txt) - [Concepts/Migration/from v8/Components/Checkbox Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-checkbox-migration.txt) - [Concepts/Migration/from v8/Components/ChoiceGroup to RadioGroup Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-choicegroup-to-radiogroup-migration.txt) - [Concepts/Migration/from v8/Components/ColorPicker Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-colorpicker-migration.txt) - [Concepts/Migration/from v8/Components/Flex/Stack](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-flex-stack.txt) - [Concepts/Migration/from v8/Components/Flex/Stack item](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-flex-stack-item.txt) - [Concepts/Migration/from v8/Components/GroupedList Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-groupedlist-migration.txt) - [Concepts/Migration/from v8/Components/Image Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-image-migration.txt) - [Concepts/Migration/from v8/Components/Keytips Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-keytips-migration.txt) - [Concepts/Migration/from v8/Components/Label Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-label-migration.txt) - [Concepts/Migration/from v8/Components/Menu Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-menu-migration.txt) - [Concepts/Migration/from v8/Components/Separator to Divider Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-separator-to-divider-migration.txt) - [Concepts/Migration/from v8/Components/Slider Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-slider-migration.txt) - [Concepts/Migration/from v8/Components/SpinButton Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-spinbutton-migration.txt) - [Concepts/Migration/from v8/Components/Spinner Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-spinner-migration.txt) - [Concepts/Migration/from v8/Components/Tabs (Pivot) Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-tabs-pivot-migration.txt) - [Concepts/Migration/from v8/Components/Textarea Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-textarea-migration.txt) - [Concepts/Migration/from v8/Components/TextField to Input Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-textfield-to-input-migration.txt) - [Concepts/Migration/from v8/Components/Theme Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v8-components-theme-migration.txt) - [Concepts/Migration/from v0/Components/Avatar Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-avatar-migration.txt) - [Concepts/Migration/from v0/Components/Box Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-box-migration.txt) - [Concepts/Migration/from v0/Components/Button Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-button-migration.txt) - [Concepts/Migration/from v0/Components/Card Migration/Card](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-card-migration-card.txt) - [Concepts/Migration/from v0/Components/Card Migration/CardBody](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-card-migration-cardbody.txt) - [Concepts/Migration/from v0/Components/Card Migration/CardFooter](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-card-migration-cardfooter.txt) - [Concepts/Migration/from v0/Components/Card Migration/CardHeader](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-card-migration-cardheader.txt) - [Concepts/Migration/from v0/Components/Card Migration/CardPreview](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-card-migration-cardpreview.txt) - [Concepts/Migration/from v0/Components/Checkbox Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-checkbox-migration.txt) - [Concepts/Migration/from v0/Components/Divider Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-divider-migration.txt) - [Concepts/Migration/from v0/Components/Flex Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-flex-migration.txt) - [Concepts/Migration/from v0/Components/FlexItem Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-flexitem-migration.txt) - [Concepts/Migration/from v0/Components/Grid Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-grid-migration.txt) - [Concepts/Migration/from v0/Components/Header Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-header-migration.txt) - [Concepts/Migration/from v0/Components/Image Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-image-migration.txt) - [Concepts/Migration/from v0/Components/Input Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-input-migration.txt) - [Concepts/Migration/from v0/Components/ItemLayout Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-itemlayout-migration.txt) - [Concepts/Migration/from v0/Components/Label Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-label-migration.txt) - [Concepts/Migration/from v0/Components/Loader Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-loader-migration.txt) - [Concepts/Migration/from v0/Components/Loader to Spinner Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-loader-to-spinner-migration.txt) - [Concepts/Migration/from v0/Components/Menu Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-menu-migration.txt) - [Concepts/Migration/from v0/Components/Popup Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-popup-migration.txt) - [Concepts/Migration/from v0/Components/RadioGroup Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-radiogroup-migration.txt) - [Concepts/Migration/from v0/Components/Ref Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-ref-migration.txt) - [Concepts/Migration/from v0/Components/Segment Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-segment-migration.txt) - [Concepts/Migration/from v0/Components/Slider Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-slider-migration.txt) - [Concepts/Migration/from v0/Components/SplitButton Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-splitbutton-migration.txt) - [Concepts/Migration/from v0/Components/TabList Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-tablist-migration.txt) - [Concepts/Migration/from v0/Components/Text Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-text-migration.txt) - [Concepts/Migration/from v0/Components/Textarea Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-textarea-migration.txt) - [Concepts/Migration/from v0/Components/Toolbar Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-toolbar-migration.txt) - [Concepts/Migration/from v0/Components/Tooltip Migration](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-components-tooltip-migration.txt) - [Concepts/Migration/from v0/Custom Accessibility](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-custom-accessibility.txt) - [Concepts/Migration/from v0/Custom Style Overrides](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-custom-style-overrides.txt) - [Concepts/Migration/from v0/Icons](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-icons.txt) - [Concepts/Migration/from v0/Positioning](https://storybooks.fluentui.dev/react//llms/concepts-migration-from-v0-positioning.txt) - [Concepts/Recipes/Media Object](https://storybooks.fluentui.dev/react//llms/concepts-recipes-media-object.txt) - [Concepts/Package Maturity Levels](https://storybooks.fluentui.dev/react//llms/concepts-package-maturity-levels.txt) - [Theme/Border Radii](https://storybooks.fluentui.dev/react//llms/theme-border-radii.txt) - [Theme/Colors](https://storybooks.fluentui.dev/react//llms/theme-colors.txt) - [Theme/Fonts](https://storybooks.fluentui.dev/react//llms/theme-fonts.txt) - [Theme/Shadows](https://storybooks.fluentui.dev/react//llms/theme-shadows.txt) - [Theme/Spacing](https://storybooks.fluentui.dev/react//llms/theme-spacing.txt) - [Theme/Stroke Widths](https://storybooks.fluentui.dev/react//llms/theme-stroke-widths.txt) - [Theme/Typography](https://storybooks.fluentui.dev/react//llms/theme-typography.txt) - [Theme/Theme Designer](https://storybooks.fluentui.dev/react//llms/theme-theme-designer.txt) - [Components/Accordion](https://storybooks.fluentui.dev/react//llms/components-accordion.txt): An accordion allows users to toggle the display of content by expanding or collapsing sections. - [Components/Avatar](https://storybooks.fluentui.dev/react//llms/components-avatar.txt): An Avatar is a graphical representation of a user, team, or entity. - [Components/AvatarGroup](https://storybooks.fluentui.dev/react//llms/components-avatargroup.txt): An AvatarGroup is a graphical representation of multiple people associated with a given entity. AvatarGroup leverages the Avatar component, with each Avatar representing a person and containing their image, initials, or an icon. An AvatarGroup can be represented - [Components/Badge/Badge](https://storybooks.fluentui.dev/react//llms/components-badge-badge.txt): A badge is a visual decoration for UI elements. - [Components/Badge/Counter Badge](https://storybooks.fluentui.dev/react//llms/components-badge-counter-badge.txt): A counter badge is a badge that displays a numerical count. - [Components/Badge/PresenceBadge](https://storybooks.fluentui.dev/react//llms/components-badge-presencebadge.txt): A presence badge is a badge that displays a status indicator such as available, away, or busy. - [Components/Breadcrumb](https://storybooks.fluentui.dev/react//llms/components-breadcrumb.txt): For detailed guidance on when and how to use this component, go to Fluent 2 Breadcrumbs. - [Components/Button/Button](https://storybooks.fluentui.dev/react//llms/components-button-button.txt): A button triggers an action or event when activated. - [Components/Button/CompoundButton](https://storybooks.fluentui.dev/react//llms/components-button-compoundbutton.txt): A compound button is a button with an additional slot for secondary textual content. - [Components/Button/MenuButton](https://storybooks.fluentui.dev/react//llms/components-button-menubutton.txt): A menu button is a button with a chevron icon after the text typically used to trigger a menu. - [Components/Button/SplitButton](https://storybooks.fluentui.dev/react//llms/components-button-splitbutton.txt): A split button is a button with a primary action and a secondary action primarily used for opening a menu. - [Components/Button/ToggleButton](https://storybooks.fluentui.dev/react//llms/components-button-togglebutton.txt): A toggle button is a button that can be checked on and off. - [Components/Card/Card](https://storybooks.fluentui.dev/react//llms/components-card-card.txt): A card is a container that holds information and actions related to a single concept or object, like a document or a contact. - [Components/Card/CardFooter](https://storybooks.fluentui.dev/react//llms/components-card-cardfooter.txt): The CardFooter component, used inside of a Card, uses a flex layout to organize actions the user can take with a Card, like sharing the contents or replying to a message. - [Components/Card/CardHeader](https://storybooks.fluentui.dev/react//llms/components-card-cardheader.txt): The CardHeader component, used inside of a Card, represents a Fluent UI compliant card header. - [Components/Card/CardPreview](https://storybooks.fluentui.dev/react//llms/components-card-cardpreview.txt): The CardPreview component, used inside of a Card, allows the user to better visualize what the card's contents are. - [Components/Carousel/Carousel](https://storybooks.fluentui.dev/react//llms/components-carousel-carousel.txt): A `Carousel` component is a sliding window of elements controlled by previous, next, and direct pagination buttons. - [Components/Carousel/CarouselNav](https://storybooks.fluentui.dev/react//llms/components-carousel-carouselnav.txt): `CarouselNav` provides an index based pagination of the Carousel containing it. - [Components/Checkbox](https://storybooks.fluentui.dev/react//llms/components-checkbox.txt) - [Components/ColorPicker](https://storybooks.fluentui.dev/react//llms/components-colorpicker.txt): The ColorPicker allows users to browse and select colors. - [Components/Combobox](https://storybooks.fluentui.dev/react//llms/components-combobox.txt): A combobox (`Combobox`) combines a text field and a dropdown giving people a way to select an option from a list or enter their own choice. - [Components/DataGrid](https://storybooks.fluentui.dev/react//llms/components-datagrid.txt): > đź’ˇ This component is a higher level extension of the `Table` primitive components and the `useTableFeatures` hook. - [Components/Dialog](https://storybooks.fluentui.dev/react//llms/components-dialog.txt): `Dialog` is a window overlaid on either the primary window or another dialog window. Windows under a modal dialog are inert. That is, users cannot interact with content outside an active dialog window. Inert content outside an active dialog is typically visually obscured or dimmed so it is difficult to discern, and in some implementations, attempts to interact with the inert content cause the dialog to close. - [Components/Divider](https://storybooks.fluentui.dev/react//llms/components-divider.txt): A divider visually separates two pieces of content. - [Components/Drawer](https://storybooks.fluentui.dev/react//llms/components-drawer.txt): The Drawer gives users a quick entry point to configuration and information. It should be used when retaining context is beneficial to users. - [Components/Dropdown](https://storybooks.fluentui.dev/react//llms/components-dropdown.txt): A Dropdown is a selection component composed of a button and a list of options. The button displays the current selected item or a placeholder, and the list is visible on demand by clicking the button. Dropdowns are typically used in forms. - [Components/Field](https://storybooks.fluentui.dev/react//llms/components-field.txt): Field adds a label, validation message, and hint text to a control. - [Components/FluentProvider](https://storybooks.fluentui.dev/react//llms/components-fluentprovider.txt): The FluentProvider transforms a passed theme to CSS variables and passes other settings to Fluent UI components. - [Components/Image](https://storybooks.fluentui.dev/react//llms/components-image.txt): An image displays graphical content such as a photo or illustration. - [Components/InfoLabel](https://storybooks.fluentui.dev/react//llms/components-infolabel.txt): An InfoLabel is a Label with an InfoButton at the end, properly handling layout and accessibility properties. - [Components/Input](https://storybooks.fluentui.dev/react//llms/components-input.txt): Input allows the user to enter and edit text. - [Components/Label](https://storybooks.fluentui.dev/react//llms/components-label.txt): A label provides a name or title for an input. - [Components/Link](https://storybooks.fluentui.dev/react//llms/components-link.txt): Links allow users to navigate between different locations. They can be used as standalone controls or inline with text. - [Components/List](https://storybooks.fluentui.dev/react//llms/components-list.txt): The List is a component for rendering set of vertically stacked items (other layouts are being discussed). These items can be focusable, selectable, have one primary action and one or more secondary actions. - [Components/Menu/Menu](https://storybooks.fluentui.dev/react//llms/components-menu-menu.txt): A menu displays a list of actions. The Menu component handles the - [Components/Menu/MenuList](https://storybooks.fluentui.dev/react//llms/components-menu-menulist.txt): A menu list displays a list of actions. It is usually rendered inside of the Menu component. - [Components/MessageBar](https://storybooks.fluentui.dev/react//llms/components-messagebar.txt): Communicates important information about the state of the entire application or surface. - [Components/Nav](https://storybooks.fluentui.dev/react//llms/components-nav.txt): A component that provides up to two levels of nesting for navigation. - [Components/Overflow](https://storybooks.fluentui.dev/react//llms/components-overflow.txt): The `Overflow` and `OverflowItem` components, are low level utilities that enable users to create overflow - [Components/Persona](https://storybooks.fluentui.dev/react//llms/components-persona.txt): A Persona is a visual representation of a person or status that showcases an Avatar, PresenceBadge, or an Avatar with a PresenceBadge. - [Components/Popover](https://storybooks.fluentui.dev/react//llms/components-popover.txt): A popover displays content on top of other content. - [Components/Portal/Portal](https://storybooks.fluentui.dev/react//llms/components-portal-portal.txt): A portal renders content outside of a DOM tree, at the end of the document. This allows content to escape traditional boundaries caused by `"overflow: hidden"` CSS rules and keeps it on the top without using `z-index` rules. This is useful for example in `Menu` and `Tooltip` scenarios, where the content should always overlay everything else. - [Components/Portal/toMountNodeProps](https://storybooks.fluentui.dev/react//llms/components-portal-tomountnodeprops.txt): Fluent UI uses a wrapper component called `Portal` to render portals using [`ReactDOM.createPortal()`](https://react.dev/reference/react-dom/createPortal). - [Components/ProgressBar](https://storybooks.fluentui.dev/react//llms/components-progressbar.txt): A ProgressBar provides a visual representation of content being loaded or processed. - [Components/RadioGroup](https://storybooks.fluentui.dev/react//llms/components-radiogroup.txt): RadioGroup lets people select a single option from two or more Radio items. Use RadioGroup to present all available choices if there's enough space. For more than 5 choices, consider using a different component such as Dropdown. - [Components/Rating](https://storybooks.fluentui.dev/react//llms/components-rating.txt): A `Rating` component allows users to provide a rating for a particular item. - [Components/RatingDisplay](https://storybooks.fluentui.dev/react//llms/components-ratingdisplay.txt): `RatingDisplay` is used to communicate user sentiment. By default, it shows rating as filled stars out of 5, as well as a text displaying the average value and the aggregate number of ratings. - [Components/SearchBox](https://storybooks.fluentui.dev/react//llms/components-searchbox.txt): - [Components/Select](https://storybooks.fluentui.dev/react//llms/components-select.txt): A Select allows one option to be selected from multiple options. The Select component is a wrapper around the native `