Skip to content
DaisyBlazor

Component reference

DaisyBlazor wraps daisyUI v5 as Blazor components in the DaisyBlazor namespace (with .Data, .Feedback, .Layout, .Theming sub-namespaces for the higher-level helpers). The tables below are grouped by daisyUI’s own component categories.

  • DaisyBlazor type — the Blazor component name (use it as a tag, e.g. <Button>).
  • daisyUI root class — the underlying daisyUI class the component renders.
  • Compat — ● components with a MudBlazor-compatible API (rename MudX → X; see the MudBlazor migration guide). The rest are daisyUI-native.

Most components accept Class / Style plus an unmatched-attribute splat, and the styled ones take Color / Size / Variant where it makes sense (mapped to daisyUI tokens). The neutral daisyblazor / daisyblazor-dark themes apply via ThemeProvider.

Actions

Section titled “Actions”
DaisyBlazor typedaisyUI root classCompat
Buttonbtn●
IconButtonbtn btn-square/btn-circle●
ButtonGroupjoin●
Fab / FabActionbtn btn-circle (floating)●
Dropdowndropdown●
Swapswap
ThemeControllertheme-controller
ToggleGroup / ToggleItemjoin (toggle buttons)

Data display

Section titled “Data display”
DaisyBlazor typedaisyUI root classCompat
Avataravatar●
Badgebadge●
Card / CardHeader / CardContent / CardActionscard●
Carousel / CarouselItemcarousel
ChatBubblechat
Chipbadge (closable)●
Countdowncountdown
Diffdiff
Kbdkbd
List / ListItem / ListRowlist●
Stat / Statsstats / stat
Statusstatus
Tabletable●
SimpleTabletable●
Timeline / TimelineItemtimeline
Typographytext utilities (Typo)●
Image<img> helper
Avatar group / Indicatorindicator
Section titled “Navigation”
DaisyBlazor typedaisyUI root classCompat
Breadcrumbsbreadcrumbs●
Dock / DockItemdock
Menu / MenuItemmenu●
NavMenuLinkmenu link●
Navbarnavbar●
Paginationjoin (pagination)●
Steps / Stepsteps / step
Tabs / Tabtabs / tab●

Feedback

Section titled “Feedback”
DaisyBlazor typedaisyUI root classCompat
Alertalert●
Loadingloading●
ProgressLinearprogress●
ProgressCircularradial-progress●
RadialProgressradial-progress
Skeletonskeleton●
Tooltiptooltip●
Dialog / DialogProvider / MessageBoxDialogmodal (via IDialogService)●
SnackbarProvidertoast + alert (via ISnackbar)●
ConfirmDialog (.Feedback)modal
EmptyState (.Feedback)composed
ErrorAlert (.Feedback)alert alert-error

Data input

Section titled “Data input”
DaisyBlazor typedaisyUI root classCompat
TextFieldinput●
NumericFieldinput●
Fieldfieldset / form-control●
FloatingLabelfloating-label
Select / SelectItemselect●
Autocompleteinput + dropdown●
Checkboxcheckbox●
Switchtoggle●
Radio / RadioGroupradio●
Rangerange●
Ratingrating●
FileInputfile-input●
DatePickerinput (date)●
ColorPickerinput (color)●
Form / Validator / ValidatorHintform wrapper●

Layout

Section titled “Layout”
DaisyBlazor typedaisyUI root classCompat
Containermax-width wrapper●
Grid / ItemCSS grid (12-col)●
Stackflex stack●
Spacerflex spacer●
Dividerdivider●
Drawerdrawer●
Footer / FooterTitlefooter
Herohero
Indicatorindicator
Papersurface wrapper●
Maskmask
ExpansionPanels / ExpansionPanelcollapse / accordion●
PageHeader (.Layout)composed
DetailLayout / DetailCard / DetailRow (.Layout)composed

Mockup

Section titled “Mockup”
DaisyBlazor typedaisyUI root classCompat
MockupBrowsermockup-browser
MockupCodemockup-code
MockupPhonemockup-phone
MockupWindowmockup-window

Theming

Section titled “Theming”
DaisyBlazor typePurposeCompat
ThemeProvider (.Theming)Applies data-theme, dark-mode + persistence; cascades state.● (MudThemeProvider)
ThemeControllerPure-CSS daisyUI theme-controller toggle.

See Theming for the full ThemeProvider parameter list and how to build a picker.

Higher-level data components (.Data)

Section titled “Higher-level data components (.Data)”

Beyond the daisyUI primitives, the .Data namespace adds composed building blocks: DataGrid (+ PropertyColumn / TemplateColumn / Column), DataTable, FilterPanel, KpiCard, and StatusChip. These are DaisyBlazor-native (no MudBlazor equivalent, though DataGrid mirrors MudDataGrid’s column-based shape).

See also

Section titled “See also”