Components
Every family ships as its own package with a live-documented API. The previews below are the real components — sort the grid, expand the tree, hover the tooltips.
Component families
Virtualized rows into the millions, filtering, grouping with summaries, five editing modes, range selection with clipboard, conditional formatting, pinned rows and Excel/PDF export.
The grid feature set on hierarchical data: lazy loading, ancestor-preserving filtering, tri-state selection, drag & drop reordering and recursive summaries.
Async actions with automatic loading, click guards, hold-to-confirm, badges, stand-alone toggle buttons, radio-pattern groups, drop-down/split buttons, a floating action button and a speed dial.
TextBox, MaskedTextBox, NumberBox, SelectBox, TagBox, a multi-column combo box, date editors, color box, gradient and palette, check box and toggle groups, rating, OTP input, signature pad, list box, transfer list and mentions on one field chrome: floating labels, input masks, remote paged lists and WAI-ARIA comboboxes.
Panels render on first visit and stay alive.
Declarative or data-driven tabs with deferred rendering, keep-alive panels, closable tabs with async guards, overflow navigation and drag reorder.
Form layout over the OGE editors: responsive container-query columns, nested fieldset groups, declarative validation rules and an accessible validation summary.
Single or multiple expansion following the WAI-ARIA pattern: lazy content, async expand guards, header actions, a nested panel bar and a stand-alone expansion panel.
Four days above the tree line.
Content surface with header, full-bleed media, action row and footer as attribute slots — one component, outlined/raised/filled/flat chrome, horizontal orientation, and no nested-interactive trap.
Image, initials and icon fallback with presence dots, stacked groups that fold the rest into "+N", and count or dot badges whose meaning reaches screen readers through the decorated control.
Selectable and removable chips with icons or avatars; a list that is a WAI-ARIA listbox when it selects and a layout grid when it only removes — Delete and Backspace included.
Inline info, success, warning and error messages with a title, actions and dismiss — announced politely or assertively by severity, never by colour alone.
- Design review
- Release candidate
- General availability
Vertical, horizontal or alternating history as a real ordered list: severity markers with icons, locale-formatted times in datetime elements and per-item templates.
A swipeable APG slide show with dots or thumbnails, looping and several slides per view; autoplay pauses on hover and always shows its rotation control.
Drag-and-drop dashboard tiles with column and row spans, resize handles, Ctrl+Arrow keyboard moves with announcements and a serializable layout to save and restore.
Templated items in responsive columns or rows that follow their container, with a layout switch, search, locale-aware sorting, paging and selectable items.
A templated listbox or plain list: single or multiple selection, sticky group headers, windowed rendering for 10 000 rows, search, infinite scroll and swipe actions.
Top or bottom bar with start, center and end sections; sticky or fixed with safe-area padding, four surface colours, and a landmark only when you ask for one.
Linear and circular bars, the spinner, the shimmer placeholder and a load panel that shades a busy container — role="progressbar" done right: indeterminate omits aria-valuenow, reduced motion slows motion instead of freezing it.
Navigator
Editor
Output
Resizable, collapsible and nestable panes on the WAI-ARIA window splitter pattern: ratio or pixel sizing, full keyboard control, RTL and touch.
WAI-ARIA APG command bar: roving tabindex, before/center/after groups and an overflow menu for the commands that stop fitting — which the presentation-only reference toolbars have no answer for.
A linear or free wizard with async leave guards, refusals that say why, and one ARIA semantic in both directions — where Material swaps its roles with the layout.
A side panel that floats above, pushes or shrinks its content — and whose modality follows that choice: a dialog with a focus trap when it covers, a landmark when it shares the row. Built-in navigation items, a mini rail and touch swipe.
A persistent APG menubar with nested submenus on the suite’s shared menu machinery, radio and checkbox rows, a More overflow item or a container-width hamburger collapse, and cancelable open/close pairs.
The APG trail: a nav landmark of real links with aria-current on the current page, collapsing its oldest middle crumbs against its own container width — the hidden ones stay reachable as links. Neither DevExtreme nor Material ships one.
A standalone pager on two-way page index and size models: a constant-width numeric window with ellipses, page-size selector, live info range, jump-to-page and a container-width compact mode.
Flat or nested data with tri-state checkboxes, ancestor-preserving search, load-on-demand and load-more children, virtual scrolling, F2 label editing and drag & drop between trees.
Cross-tab analytics on raw records: rows × columns × measures with grand totals, field chooser, calculated fields, Top N filters, chart integration and export.
BPMN 2.0 process modeler: palette, orthogonal connections, undo/redo, XML import/export — on its own dependency-free engine, with no third-party branding.
Data visualization on a dependency-free SVG kernel: cartesian series, pie, polar, gauges, sparklines, funnel, heatmap, treemap, sunburst, Sankey and GeoJSON maps — zoom & pan, tooltips and full keyboard access.
Project plan with a task tree and timeline chart: summary and milestone bars, dependency arrows, critical path, drag editing and undo/redo.
File uploader: drag & drop with directory and paste, restrictions that stay on the row with their reason, previews, and chunked resumable transfer with pause, resume and retry.
Rich-text editing on its own document model: headings, nested lists, links, images and colours, undo history, markdown shortcuts and Word paste cleanup — the HTML value is sanitized by a strict allowlist.
Task board with columns, swimlanes and WIP limits: virtualized card lists, polished drag & drop with Escape-cancel, keyboard card moving, built-in dialog and menu.
Event planner with day, week and month views: all-day strip, deterministic appointment layout, drag & resize with Escape-cancel, popup and editing dialog.
The positioning engine behind every popup: anchored panels, popovers, WAI-ARIA menus, rich tooltips, delegated context menus, confirm/alert/prompt dialogs and non-modal windows.