Documentation
Components
102 components 100% C# MIT licensedEvery component in the library, with what it is for and which package it ships in. Search by name, by the name another library uses for it, or by what you want it to do.
102 components across 13 categories, in 3 packages
Buttons
Trigger actions, open menus, and hold a pressed state.
ActionButtonAn icon-first, transparent button for inline actions like New, Edit or Share.
ButtonThe primary way to trigger an action, in fill, outline and text variants.
ButtonGroupJoins related buttons into one unit, optionally single- or multi-select.
MenuButtonA button that opens a menu of related actions, with split and sticky modes.
ToggleButtonA button that stays pressed and reports its state through aria-pressed.
Inputs
Collect and validate everything a form needs.
CalendarA full inline calendar for browsing and picking a date, with optional time.
CheckboxA yes/no box with a label, and an indeterminate state for partial selections.
ChoiceGroupRadio buttons: pick exactly one value from a set of mutually exclusive options.
DropdownSingle or multi select from a list, with search, chips, grouping and virtualization.
FileInputThe selection half of file handling: browse, drag and drop, capture from camera.
FileUploadThe transport half: chunked, resumable uploads with per-file progress.
NumberFieldA text field dedicated to numbers, with steppers, bounds and formatting.
OtpInputThe row of boxes a one-time passcode is typed into, with paste and auto-advance.
RatingTurns an opinion into a row of stars: hover to preview, click to commit.
SearchBoxAn input for searching, with suggestions, debouncing and a clear button.
SliderTurns a number into a distance you can point at, single value or range.
TagsInputTurns free text into a list of short values confirmed with Enter.
TextFieldThe way people enter and edit text, single line or multiline.
ToggleA switch for a setting that takes effect immediately.
Pickers
Drop-down controls for dates, times, and colors.
CircularTimePickerPicks a time from an analog clock dial the pointer snaps to.
ColorPickerThe panel a color is chosen on: shade, hue, alpha and a live preview.
DatePickerA drop-down calendar for a single date, with a typeable text field.
DateRangePickerA drop-down calendar for a start and end date, with optional times.
TimePickerA drop-down for an hour and minute value, with a typeable text field.
Layouts
Structure a page: headers, footers, grids, and stacks.
FooterThe bar at the bottom of a site or an application.
GridDivides the available width into equal columns and lays its items out on them.
HeaderThe bar at the top of a site or an application.
LayoutThe base structure of an app: header, footer, nav panel and a scrolling middle.
SpacerPushes flex siblings apart, absorbing whatever space is left over.
StackA flexbox container that expresses direction, alignment and gap as parameters.
Lists
Render collections as lists, carousels, and timelines.
BasicListRenders a list of items into a scrolling region, one template per item.
CarouselA slideshow of items across sliding pages, with autoplay and indicators.
SwiperA touch slider: a swiping row of items with momentum and snapping.
TimelineEvents in chronological order along a vertical or horizontal line.
Navs
Move people around an app and show them where they are.
BreadcrumbShows where a page sits in the hierarchy, and the way back up.
DropMenuA button that opens a callout hosting any content: a list, a form, a filter.
NavLinks to the main areas of an app, and a tree view for hierarchical data.
NavBarA bar of navigation links to the main areas of an app, the way a mobile app puts its top-level destinations along the bottom of the screen.
PaginationMoves between pages of a long collection.
PivotTabs for switching between frequently accessed, distinct content categories.
Notifications
Tell people what happened, and how important it was.
BadgeA small marker on another element: a count, a dot, a status.
MessageAn inline bar for an error, a warning, or something worth knowing.
PersonaA person: their avatar, name, secondary text and presence.
SnackBarA brief, dismissible notification that stacks in a corner of the screen.
TagA compact chip for an attribute, a person or an asset - dismissible, selectable or clickable.
Progress
Show that work is happening, and how far along it is.
Surfaces
Containers that hold content: cards, dialogs, panels, popovers.
AccordionShows and hides one section of related content at a time.
CalloutAn anchored tip that teaches or guides without blocking the app.
CardA surface that wraps one subject, with a cover, a header, a body and a footer of its own.
CollapseAnimates a block of content open and shut.
DialogA temporary pop-up that takes focus and asks for a decision.
ModalA full overlay for content that has to be dealt with before anything else.
ModalServiceOpens modals from anywhere in the app, with any content.
PanelA sheet that slides in from an edge for supplementary content.
ScrollablePaneA scrolling region with themed scrollbars and scroll helpers.
SplitterDivides a container into two sections the reader can resize.
TooltipA short description that appears on hover or focus.
Utilities
Small building blocks the other components are made of.
CascadingValueProviderCascades several values to child components without nesting providers.
ElementRenders any HTML tag with the library's own styling parameters.
IconRenders a Fabric glyph, or an icon from any other set you point it at.
ImageAn image with cover modes, loading states and a fallback.
LabelGives a name to a control or a group of controls.
LinkNavigates elsewhere, inside the app or out of it.
MediaQueryReports the library's breakpoints to your component as a parameter.
OverlayDims everything behind a piece of UI to put the emphasis on it.
ParamsCascades shared parameter objects so components inherit common defaults.
PullToRefreshAdds pull-down-to-refresh to a page or a scrolling element.
SeparatorVisually divides content into groups, with an optional label.
StickyPins an element in place while the rest of the page scrolls past.
SwipeTrapTraps swipe gestures on an element and reports them as events.
TextApplies the theme's typography ramp to a run of text.
Extras
Larger components that ship in the separate Extras package.
AccordionListExtrasAn accordion that builds its expandable items from a single collection.
AppShellExtrasThe cross-platform application container: safe areas, scroll state, chrome.
ChartExtrasA native Blazor charting component rendered entirely with SVG.
DataGridExtrasAn information-rich grid with sorting, filtering, paging and virtualization.
ErrorBoundaryExtrasCatches exceptions thrown by its children and renders a fallback.
FlagExtrasRenders the flag of a country from its code.
FullCalendarExtrasA scheduler with day, week, month, year, agenda and resource views.
InfiniteScrollingExtrasLoads the next page of a list as the reader reaches the bottom.
MapExtrasAn interactive map with pluggable providers, markers, vectors and GeoJSON.
MarkdownEditorExtrasA native markdown editor with a toolbar, shortcuts and smart lists.
MarkdownViewerExtrasRenders Markdown to HTML entirely in C#, so it survives prerendering.
MessageBoxExtrasA ready-made box for showing a message with a title and body.
NavPanelExtrasA vertical navigation panel with search, grouping and a collapsed rail.
PdfViewerExtrasA pure-C# PDF viewer: no pdf.js, works in every render mode.
PhoneInputExtrasA phone number field with a searchable country selector and flags.
ProModalExtrasThe modal, extended: draggable, resizable, stackable, with a header slot.
ProModalServiceExtrasOpens ProModals from anywhere in the app, with any content.
ProPanelExtrasThe panel, extended: modeless, full-screen, and scroll-aware modes.
RichTextEditorExtrasA native WYSIWYG editor written in C#, with a configurable toolbar.
TextShimmerExtrasA gradient band sweeping across text, for AI-style streaming states.
VirtualizeExtrasRenders only the rows currently in view, for very long lists.
Legacy
Previous implementations, kept unchanged for backward compatibility.
ChartLegacyLegacyThe original Chart.js based charting component.
DataGridLegacyLegacyThe original data grid, previously named BitQuickGrid.
MarkdownEditorLegacyLegacyThe original markdown editor.
MarkdownViewerLegacyLegacyThe original marked.js based markdown viewer.
PdfReaderLegacyLegacyThe original pdf.js based PDF reader.
RichTextEditorLegacyLegacyThe original Quill based rich text editor.
Theming
Ready-made chrome for switching design system, scheme, and accent.
Feedback
Found a mistake, a gap, or something that could be clearer? Every page and every component is one click from its source.