Package Exports

@fluentui/react-components

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-components) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@fluentui/react-components

Converged Fluent UI React components

This is a suite package for converged components and related utilities. It is a result of a dedupe effort for @fluentui/react and @fluentui/react-northstar.

These are not production-ready components and should never be used in product. This space is useful for testing new components whose APIs might change before final release.

Usage

Add @fluentui/react-components to a project:

yarn add @fluentui/react-components

To use a component, add a FluentProvider with a theme close to the root of your application and then instantiate components inside the provider's subtree:

import React from 'react';
import ReactDOM from 'react-dom';
import { FluentProvider, teamsLightTheme, Button } from '@fluentui/react-components';

ReactDOM.render(
  <FluentProvider theme={teamsLightTheme}>
    <Button primary>I am a button.</Button>
  </FluentProvider>,
  document.getElementById('root'),
);

Docs

Docs are hosted at https://aka.ms/fluentui-storybook.

Publishing docs:

Set CHROMATIC_PROJECT_TOKEN in your shell
Run yarn chromatic

@levithomason and @miroslavstastny currently have the token for alpha stage publishing.