Component Catalog
FlexCore ships 60 components across 12 categories — all application-agnostic, zero JS frameworks, pure Blazor.
Grid & Data
DataControl
Data-aware tabular component inspired by pandas DataFrame and PowerBuilder DataWindow. Provides DataTable-backed shaping, dtype conversion, row/item access, selection, export, and adapters for grids, charts, and reports.
View demo →GridControl
Full-featured data grid with sort, filter, group, inline editing, column chooser, CSV export, and aggregate footers. Type-parameterized for any data model.
View demo →PivotControl
Excel-style pivot table control built on GridControl. Supports row dimensions, column dimensions, aggregate values, and grand totals.
View demo →TreeGridControl
Hierarchical grid for parent-child data with expand/collapse, indent levels, and per-row column rendering.
Charts & Diagrams
ChartControl
Pure-SVG bar chart supporting single-series and multi-series modes. No JS dependency — configure via Bars or DataSource binding.
DiagramControl
SVG flowchart renderer with draggable pan/zoom. Supports rectangular, rounded, ellipse, diamond, stadium, and parallelogram node shapes with labeled connectors.
Reports
ReportWriterControl
SQL-driven paginated report viewer with group headers/footers, drill-down tabs, group tree navigation, and export to PDF, Excel, Word, and CSV.
View demo →ReportParamDialogControl
Modal parameter-input dialog for reports. Renders appropriate editors (dual-list, dropdown, date, boolean) per parameter and returns collected values.
Layout
DashboardLayoutControl
CSS-grid dashboard container. Configure columns, cell spacing, and aspect ratio; child panels position themselves by row/column coordinates.
DashboardLayoutPanel
Individual panel inside a dashboard layout. Set grid position and span via Row, Column, SizeX, and SizeY parameters.
TabControl
Horizontal tab strip with single active content pane. Supports both direct TabItem children and a TabItems wrapper.
Ribbon & Toolbar
RibbonControl
Office-style tabbed ribbon container. Nest RibbonTab, RibbonGroup, and RibbonButton children to build a full command surface.
RibbonTab
Single tab within a ribbon. Contains RibbonGroup children; the parent ribbon manages active-tab switching.
RibbonGroup
Titled group within a ribbon tab. Visually separates related commands with a group label.
RibbonButton
Button inside a ribbon group. Supports large/small sizing, icons, tooltips, and disabled state.
ToolbarControl
Compact horizontal toolbar container for buttons and separators. Lighter weight than the full ribbon.
ToolbarButtonControl
Button for a toolbar with optional icon, label, vertical layout, and disabled state.
ToolbarSeparatorControl
Visual divider between toolbar button groups.
Form Controls
ButtonControl
Versatile button with optional icon, click handler, disabled state, and bare-style mode for host-owned styling.
View demo →CheckBoxControl
Standard checkbox with label and two-way binding. Supports disabled state and custom CSS classes.
InlineCheckBoxControl
Bare checkbox without label wrapper — for hosts that provide their own label element.
CheckItemControl
Checkbox with adjacent label designed for permission or settings toggles. Fires both ValueChanged and OnChanged.
TextBoxControl
General-purpose text input with optional multiline, placeholder, max length, and input-type control.
NumericTextBoxControl
Type-parameterized numeric input supporting decimal, int, double, and float with format, min/max, and step.
DropDownListControl
Type-parameterized dropdown with reflection-based field binding, placeholder text, and optional filtering.
ListBoxControl
Selectable list box with single or multiple selection modes, optional checkboxes, and two-way binding.
MultiSelectDualListControl
Shuttle-style dual-pane list with move buttons for selecting items from available to chosen.
Dialogs & Notifications
DialogControl
Modal dialog with header, body, and optional footer. Configurable close-on-escape, close icon, and overlay click behavior.
View demo →NotificationDisplayControl
Renders stacked notification cards from NotificationService — info, success, warning, and error toasts with dismiss buttons.
View demo →ErrorBoundaryControl
Error boundary wrapper that catches exceptions, logs them, and displays an error card with a Retry button.
ProgressBarControl
Horizontal progress bar with header, status text, detail line, indeterminate animation, error state, and cancel button.
Editor Controls
EditorControl
Rich-text contenteditable surface with JS-interop formatting commands for bold, italic, underline, lists, and paste handling.
FormatControl
Composite formatting toolbar for rich text — font family, size, page width, line height, and paragraph alignment controls.
EditorPanel
Labeled two-column form container for editor rows. Wrap EditorPanelRow children for consistent label-plus-editor layout.
TextAreaControl
Dedicated multi-line textarea with spellcheck, read-only, max-length, and bind-on-change versus bind-on-input modes.
SaveButtonControl
Save verb button showing a disk icon and "Saving…" disabled state while an async operation runs.
CancelButtonControl
Cancel verb button with an X icon for dismissing editors or dialogs.
RoundedButtonControl
Pill-shaped button with accent, muted, danger, and success color variants.
EditorDropDownControl
Editor-flavored dropdown using typed EditorDropDownOption records instead of reflection-based field binding.
OutlineControl
Table-of-contents sidebar rendering a flat item list with levels, click handlers, and per-item action buttons.
LlmResultCard
Model output card for LLM comparison — shows operation label, model name, loading state, tabbed variants, original-text disclosure, and action buttons.
Status & Feedback
BadgeControl
Compact status badges, pill counts, dot indicators with theme variants (Primary, Success, Danger, Warning, Info, Dark, Light).
View demo →AlertControl
Dismissible contextual alert banners (Info, Success, Warning, Error) with icons and header titles.
View demo →SkeletonControl
Placeholder loading skeletons (Text, Circular, Rectangular) with animated pulse and wave shimmer effects.
View demo →RatingControl
Interactive and read-only star/heart rating selector with hover preview and customizable max count.
View demo →Containers & Navigation
CardControl
Elevated content cards with structured header, image, body, and action footer.
View demo →AccordionControl
Multi-pane collapsible accordion panels with single or multiple section expansion.
View demo →BreadCrumbControl
Hierarchical navigation breadcrumb path with icons and routing integration.
View demo →TimelineControl
Chronological vertical/horizontal event timeline with colored markers and time tags.
View demo →CarouselControl
Slide carousel with animated transitions, indicator dots, and next/prev controls.
View demo →Advanced Inputs & Pickers
SwitchControl
Modern toggle switch (on/off boolean) with animated thumb and custom labels.
View demo →SliderControl
Interactive range slider with step, min/max, ticks, and live value feedback.
View demo →SplitButtonControl
Primary action button paired with a dropdown toggle for auxiliary commands.
View demo →FabMenuControl
Floating Action Button (SpeedDial / FAB) that expands radial/vertical quick actions.
View demo →SecurityCodeControl
Multi-box OTP / PIN verification code input with auto-advance and numeric/alphanumeric modes.
View demo →TimeSpanPickerControl
Interval duration picker with Days, Hours, Minutes, and Seconds inputs.
View demo →Property & Reflection
PropertyGridControl
Two-column property editor driven by reflection. Auto-discovers public properties and renders matching editors (text, numeric, checkbox, enum dropdown).