@fluentui/react-components
TypeScript icon, indicating that this package has built-in type declarations

9.47.2 • Public • Published

@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.

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 appearance="primary">I am a button.</Button>
  </FluentProvider>,
  document.getElementById('root'),
);

Docs

Docs are hosted at https://react.fluentui.dev/.

Readme

Keywords

none

Package Sidebar

Install

npm i @fluentui/react-components

Weekly Downloads

81,269

Version

9.47.2

License

MIT

Unpacked Size

1.34 MB

Total Files

15

Last publish

Collaborators

  • sopranopillow
  • microsoft1es
  • justslone
  • chrisdholt
  • miroslavstastny
  • levithomason
  • uifabricteam
  • uifrnbot
  • dzearing
  • layershifter
  • ling1726
  • travisspomer