BlazorFluentUI

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/

Telegram dev channel

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

Info

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.

Status of Controls

Basic Inputs

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

Galleries & Pickers

Control	State	Information
Calendar	Done
ColorPicker	ToDo
DatePicker	Done
PeoplePicker	ToDo
Pickers	ToDo
SwatchColorPicker	ToDo

Items & Lists

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

Commands, Menus & Navs

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

Progress

Control	State	Information
ProgressIndicator	Done
Shimmer	ToDo
Spinner	Done

Surfaces

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.

Utilities

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

Non-Fabric-Component

Control	State	Information
ResponsiveLayout	Done
RichTextEditor	In Progress	Works with limited styles available
GlobalCS	In Progress
LocalCS	In Progress