Skip to content

Port of FluentUI/Office Fabric React components and style to Blazor

License

Notifications You must be signed in to change notification settings

Cobra86/BlazorFluentUI

 
 

Repository files navigation

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 #107c10 Done
Checkbox #dff6dd Done except for icons
ChoiceGroup #107c10 Done
ComboBox #a80000 ToDo
Dropdown #107c10 Done
Label #107c10 Done
Link #107c10 Done
Rating #107c10 Done
SearchBox #a80000 ToDo
Slider #107c10 Done
SpinButton #a80000 ToDo
TextField #dff6dd Done except masking
Toggle #107c10 Done

Galleries & Pickers

Control State Information
Calendar #107c10 Done
ColorPicker #a80000 ToDo
DatePicker #107c10 Done
PeoplePicker #a80000 ToDo
Pickers #a80000 ToDo
SwatchColorPicker #a80000 ToDo

Items & Lists

Control State Information
ActivityItem #a80000 ToDo
DetailsList #107c10 Done
DocumentCard #fff4ce In Progress Missing focus styles and ShouldTruncate doesn't work yet.
Facepile #a80000 ToDo
GroupedList #107c10 Done
HoverCard #a80000 ToDo
List #dff6dd Done supports INotifyCollectionChanged
Persona #107c10 Done

Commands, Menus & Navs

Control State Information
Breadcrumb #a80000 ToDo
CommandBar #107c10 Done
ContextualMenu #107c10 Done
Nav #107c10 Done
OverflowSet #107c10 Done
Pivot #107c10 Done

Notification & Engagement

Control State Information
Coachmark #a80000 ToDo
MessageBar #107c10 Done
TeachingBubble #a80000 ToDo

Progress

Control State Information
ProgressIndicator #107c10 Done
Shimmer #a80000 ToDo
Spinner #107c10 Done

Surfaces

Control State Information
Callout #107c10 Done
Dialog #dff6dd Done can't drag
Modal #dff6dd Done no modeless version
Panel #107c10 Done
ScrollablePane #a80000 ToDo
Tooltip #fff4ce In Progress limited functionality. will show, but can't interact with it yet, doesn't respond to overflow yet.

Utilities

Control State Information
Announced #a80000 ToDo
FocusTrapZone #107c10 Done
FocusZone #107c10 Done
Icon #dff6dd Done only MS icons
Image #107c10 Done
Keytips #a80000 ToDo
Layer #fff4ce In Progress only layers at root window right now.
MarqueeSelection #a80000 ToDo
Overlay #a80000 ToDo
ResizeGroup #107c10 Done
Selection #a80000 ToDo
Separator #a80000 ToDo
Stack #107c10 Done
Text #107c10 Done
Themes #a80000 ToDo

Non-Fabric-Component

Control State Information
ResponsiveLayout #107c10 Done
RichTextEditor #fff4ce In Progress Works with limited styles available
GlobalCS #fff4ce In Progress
LocalCS #fff4ce In Progress

About

Port of FluentUI/Office Fabric React components and style to Blazor

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • C# 71.2%
  • HTML 10.3%
  • TypeScript 8.8%
  • JavaScript 8.7%
  • CSS 1.0%