Simple port of Fluent UI (formerly Office Fabric) React components and style to Blazor
ClientSide Demo (web assembly)
https://www.blazorfluentui.net/
ServerSide Demo (SignalR)
https://blazorfluentui.azurewebsites.net/
https://t.me/blazorfabric
See the wiki for all usage notes
Home
Installation
How To Use: ClientSide Blazor
How To Use: ServerSide Blazor
Theming
Preloading Styles
There are no MergeStyles in this port. It's just each control packaged into its own project so you can limit what gets added to your Blazor project.
| Control |
State |
Information |
| Button |
 Done |
|
| Checkbox |
 Done |
except for icons |
| ChoiceGroup |
Done |
|
| ComboBox |
 ToDo |
|
| Dropdown |
Done |
|
| Label |
Done |
|
| Link |
Done |
|
| Rating |
Done |
|
| SearchBox |
ToDo |
|
| Slider |
Done |
|
| SpinButton |
ToDo |
|
| TextField |
Done |
except masking |
| Toggle |
Done |
|
| Control |
State |
Information |
| Calendar |
Done |
|
| ColorPicker |
ToDo |
|
| DatePicker |
Done |
|
| PeoplePicker |
ToDo |
|
| Pickers |
ToDo |
|
| SwatchColorPicker |
ToDo |
|
| Control |
State |
Information |
| ActivityItem |
ToDo |
|
| DetailsList |
Done |
|
| DocumentCard |
 In Progress |
Missing focus styles and ShouldTruncate doesn't work yet. |
| Facepile |
ToDo |
|
| GroupedList |
Done |
|
| HoverCard |
ToDo |
|
| List |
Done |
supports INotifyCollectionChanged |
| Persona |
Done |
|
| Control |
State |
Information |
| Breadcrumb |
ToDo |
|
| CommandBar |
Done |
|
| ContextualMenu |
Done |
|
| Nav |
Done |
|
| OverflowSet |
Done |
|
| Pivot |
Done |
|
Notification & Engagement
| Control |
State |
Information |
| Coachmark |
ToDo |
|
| MessageBar |
Done |
|
| TeachingBubble |
ToDo |
|
| Control |
State |
Information |
| ProgressIndicator |
Done |
|
| Shimmer |
ToDo |
|
| Spinner |
Done |
|
| Control |
State |
Information |
| Callout |
Done |
|
| Dialog |
Done |
can't drag |
| Modal |
Done |
no modeless version |
| Panel |
Done |
|
| ScrollablePane |
ToDo |
|
| Tooltip |
In Progress |
limited functionality. will show, but can't interact with it yet, doesn't respond to overflow yet. |
| Control |
State |
Information |
| Announced |
ToDo |
|
| FocusTrapZone |
Done |
|
| FocusZone |
Done |
|
| Icon |
Done |
only MS icons |
| Image |
Done |
|
| Keytips |
ToDo |
|
| Layer |
In Progress |
only layers at root window right now. |
| MarqueeSelection |
ToDo |
|
| Overlay |
ToDo |
|
| ResizeGroup |
Done |
|
| Selection |
ToDo |
|
| Separator |
ToDo |
|
| Stack |
Done |
|
| Text |
Done |
|
| Themes |
ToDo |
|
| Control |
State |
Information |
| ResponsiveLayout |
Done |
|
| RichTextEditor |
In Progress |
Works with limited styles available |
| GlobalCS |
In Progress |
|
| LocalCS |
In Progress |
|
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent