import { Meta } from '@storybook/addon-docs/blocks';

Spinner Migration

Fluent UI V8 provides the Spinner control to allow users to indicate that content is being loaded on the screen. Fluent UI v9 provides a Spinner control with a different API.

Examples

Basic Migration

Basic usage of Spinner V8

import { Spinner } from '@fluentui/react/lib/Spinner';
import React from 'react';

const SpinnerV8BasicExample = () => <Spinner />;

export default SpinnerV8BasicExample;

An equivalent Spinner in v9 is

import * as React from 'react';
import { Spinner } from '@fluentui/react-components';

const SpinnerV9BasicExample = () => <Spinner />;

export default SpinnerV9BasicExample;

Props Mapping

This table maps Spinner v8 props to the Spinner v9 equivalent.