FAQ
Fluent UI React (formerly Fabric React) is a responsive, mobile-first, open-source collection of robust components designed to make it quick and simple for you to create web experiences using the Fluent design language.
React components from Fluent UI React are used by many teams across O365 and Microsoft for building their experiences. Some examples are SharePoint, OneDrive, Outlook, VisualStudio team services, ...
These components are also used by third-party developers, in particular those building components using the SharePoint Framework.
Start from our wiki homepage or the "Get started" section on our website.
https://developer.microsoft.com/fluentui
Please open all issues at our GitHub issues location.
Things to remember while opening an issue:
- Please fill out as many details as you can.
- We highly encourage you to submit PRs for issues.
Fluent UI React is an open-source distributed project. Lots of developers from inside and outside Microsoft contribute to this project. We highly encourage contributions. There is a core team that works hard to stay on top of the issues and pull requests.
Fluent UI React is an open-source distributed project. If you are building a new app inside O365 or Microsoft, this project will potentially save you lots of time, resources and headaches. We encourage all developers who use Fluent UI React to return a small amount to the community. If you notice bugs, we encourage you to not only open an issue on it but also help fix it. If you have a component that you believe others should use, feel motivated and encouraged to contribute that component back to the community. Sharing is caring. Many developers contribute outside their primary job responsibilities. Additionally, there is plenty to learn. We use a lot of cutting edge best practices used in the industry. Learning those can help you in your career.
We have a very active community both outside and inside Microsoft. Please use the Microsoft Teams channel for communication from within Microsoft. And a GitHub issue from outside Microsoft. We triage these issues at least once a week.
Start by reading our Contributing document. Please point out any missing or incorrect details.
Yes, you totally can. You will need to help out with reviewing pull requests and triaging and fixing issues. For now, only Microsoft employees can be a part of the core team. We are looking into changing that policy to allow non-Microsoft folks to be a part of the core team.
We are very proactive and work hard to keep the outstanding pull request count low. But if your pull request is non-trivial and stuck for a long time, please feel free to tag the owners or contact them internally for help.
Please refer to the following documents.
- Contributing fixes and new components
- Accessibility
- Component Design
- Styling
- Theming
- Testing
- Advanced
- Browse Support
The Fluent UI React core team works hard to stay on top of the open issues. We have a team member assigned to "shield" each week to triage new issues as they come in.
We try to fix high priority bugs ASAP.
- Is this issue blocking the consumer?
- Is this a regression? If yes, how and when did it get in?* Is this a very serious bug?
Other bugs will qualify as Normal or lower priority and will get fixed as a part of the normal release cadence.
From time to time we do plan to close issues that are very old and have no activity.
A Fluent UI project for Angular is not currently on our roadmap. However, we do have a new web components package (@fluentui/web-components
) in progress which can interoperate with Angular.
You can also use the UI Fabric Core CSS classes and SCSS variables/mixins for access to our palette, typography and iconography within any framework.
- FAQ - Fabric and Stardust to Fluent UI
-
@fluentui/react
Version 9 -
@fluentui/react
Version 8 - Contributing to the
7.0
branch - How to apply themes (version 7/8)
- Planning and development process (for work by the core team)
- Conducting meetings Style guide
- Keeping up with review requests
- RFC review process
- Setup (configuring your environment)
- Fluent UI React version 7/8
- CLA
- Overview
- Repo structure
- Development process
- Contributing to previous versions
- API Extractor
- Build command changes made in early 2020
- Component implementation guide
- Creating a component
- Implementation Best Practices
- Theming
- Documenting
- Styling (old approach)
- Overview
- Testing with Jest
- E2E testing (Cypress)
- Visual testing (Screener)
- Accessibility review checklist