Simple port of Fluent UI (formerly Office Fabric) React components and style to Blazor
https://www.blazorfluentui.net/
https://blazorfluentui.azurewebsites.net/
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 | ||
| Checkbox | except for icons | |
| ChoiceGroup | ||
| ComboBox | ||
| Dropdown | ||
| Label | ||
| Link | ||
| Rating | ||
| SearchBox | ||
| Slider | ||
| SpinButton | ||
| TextField | except masking | |
| Toggle |
| Control | State | Information |
|---|---|---|
| Calendar | ||
| ColorPicker | ||
| DatePicker | ||
| PeoplePicker | ||
| Pickers | ||
| SwatchColorPicker |
| Control | State | Information |
|---|---|---|
| ActivityItem | ||
| DetailsList | ||
| DocumentCard | Missing focus styles and ShouldTruncate doesn't work yet. | |
| Facepile | ||
| GroupedList | ||
| HoverCard | ||
| List | supports INotifyCollectionChanged |
|
| Persona |
| Control | State | Information |
|---|---|---|
| Breadcrumb | ||
| CommandBar | ||
| ContextualMenu | ||
| Nav | ||
| OverflowSet | ||
| Pivot |
| Control | State | Information |
|---|---|---|
| Coachmark | ||
| MessageBar | ||
| TeachingBubble |
| Control | State | Information |
|---|---|---|
| ProgressIndicator | ||
| Shimmer | ||
| Spinner |
| Control | State | Information |
|---|---|---|
| Callout | ||
| Dialog | can't drag | |
| Modal | no modeless version | |
| Panel | ||
| ScrollablePane | ||
| Tooltip | limited functionality. will show, but can't interact with it yet, doesn't respond to overflow yet. |
| Control | State | Information |
|---|---|---|
| Announced | ||
| FocusTrapZone | ||
| FocusZone | ||
| Icon | only MS icons | |
| Image | ||
| Keytips | ||
| Layer | only layers at root window right now. | |
| MarqueeSelection | ||
| Overlay | ||
| ResizeGroup | ||
| Selection | ||
| Separator | ||
| Stack | ||
| Text | ||
| Themes |
| Control | State | Information |
|---|---|---|
| ResponsiveLayout | ||
| RichTextEditor | Works with limited styles available | |
| GlobalCS | ||
| LocalCS |