@fluentui/react-examples
@fluentui/react-examples
npm i @fluentui/react-examples
@fluentui/react-examples

@fluentui/react-examples

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

by microsoft

8.34.4 (see all)License:MITTypeScript:Not Found
npm i @fluentui/react-examples
Readme

Fluent UI Web

Build Status GitHub contributors GitHub top language Twitter Follow

Fluent UI React is shipping its v9 final stable release. Visit the Fluent UI React v9 Release page on the wiki to learn more about the upcoming release schedule.

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

This repo is home to 3 separate projects today. Mixing components between projects is not currently supported. The goal of these projects is to dedupe functionality and enable interoperability over time. For now, choose the project that best suits your needs.

The following table will help you navigate the 3 projects and understand their differences.

ReactReact NorthstarWeb Components
OverviewMature, refreshing with new concepts from react-northstar.Newer, has concepts we're iterating on.Web Component implementation of Fluent UI.
Used ByOfficeTeamsEdge
Read MeREADME.mdREADME.mdREADME.md
ChangelogCHANGELOG.mdCHANGELOG.mdCHANGELOG.md
Repo./packages/react./packages/fluentui/react-northstar./packages/web-components
Quick StartQuick StartQuick StartSee README.md
Docsaka.ms/fluentui-reactaka.ms/fluentui-react-northstaraka.ms/fluentui-web-components
NPM@fluentui/react@fluentui/react-northstar@fluentui/web-components
Versionnpm versionnpm versionnpm version
IssuesFluent UI React GitHub IssuesFluent UI React Northstar GitHub IssuesFluent UI Web Components GitHub Issues

Why are there two React versions? See the FAQ on Fabric and Stardust.

FluentUI Insights

Fluent UI Insights is a series that describes the design and decisions behind the Fluent UI design system.

EP01: PositioningEP02: StylingEP03: Griffel
Watch EP01: PositioningWatch EP02: StylingWatch EP03: Griffel

Licenses

All files on the Fluent UI React GitHub repository are subject to the MIT license. Please read the License file at the root of the project.

Usage of the fonts and icons referenced in Fluent UI React is subject to the terms of the assets license agreement.

Changelog

You can view the complete list of additions, fixes, and changes in the CHANGELOG.md file for each package.

Looking for Office UI Fabric React?

The Office UI Fabric React project has evolved to Fluent UI.

The office-ui-fabric-react repo is now this repo (fluentui in the Microsoft organization)! The name change should not disrupt any current Fabric usage, repo clones, pull requests or issue reporting. Links should redirect to the new location. The library formerly known as office-ui-fabric-react is now available as @fluentui/react (see above table for more information).

We have a lot in store for Fluent UI - Read our announcement here.


This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

Downloads/wk

311

GitHub Stars

14.1K

LAST COMMIT

7mos ago

MAINTAINERS

12

CONTRIBUTORS

769

OPEN ISSUES

574

OPEN PRs

103
VersionTagPublished
8.34.4
latest
1yr ago
0.15.15
lts-7
1yr ago
8.0.0-beta.10
beta
2yrs ago
No alternatives found
No tutorials found
Add a tutorial

Rate & Review

100
No reviews found
Be the first to rate