@fluent-ui/react vs @fluent-ui/react-northstar

Viewed 3871

I'm looking for some guideline what's the difference between @fluent-ui/react and @fluent-ui/react-northstar. This documentation (READMEs) are super imprecise. I'm don't understand which one to use for what. I'm writing that react-component to be ran in webapp and the word plugin. Do you know which one to go for? They both look a bit different and feels that theming works a bit different.

2 Answers

You should use fluent-ui/react-northstar if you want to develop apps for Microsoft Teams, else you should use the normal fluent-ui.

If you look at a simple example of a dropdown, you will see that there is quite a lot of difference between the two. Northstar's dropdown combines the features of the dropdown with combobox.

northstar:

normal:

Another to take into consideration is that Northstar's scope is limited to Web / Desktop at present.

Related