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, multi-sort, filtering, grouping with summaries, five editing modes, master-detail, remote data and export.
The grid feature set on hierarchical data: lazy loading, ancestor-preserving filtering, tri-state selection and drag & drop reordering.
Async actions with automatic loading, click guards, hold-to-confirm, badges, radio-pattern groups and drop-down/split buttons.
TextBox, TextArea, NumberBox and SelectBox on one field chrome: floating labels, counters, password reveal, locale-aware numbers and a searchable WAI-ARIA combobox.
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 and invalid-section jumping.
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.
The linear bar, the ring and the shimmer placeholder as one canonical trio — role="progressbar" done right: indeterminate omits aria-valuenow, reduced motion slows the ring 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. None of the reference drawers gets that split right.
A persistent APG menubar with nested submenus on the suite’s shared menu machinery, a container-width hamburger collapse and cancelable open/close pairs. Material has no menubar at all — only the CDK offers the directives.
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.
Flat or nested data with tri-state checkboxes, ancestor-preserving search, load-on-demand children, virtual scrolling and drag & drop reparenting.
Cross-tab analytics on raw records: rows × columns × measures with grand totals, field chooser, sorting and export.
BPMN 2.0 process modeler: palette, orthogonal connections, undo/redo, XML import/export — on its own dependency-free engine, with no watermark.
Data visualization on a dependency-free SVG kernel: 11 cartesian series types plus pie/doughnut, time and log axes, zoom & pan, crosshair, tooltips and an interactive legend.
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.
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, WAI-ARIA menus, plus ready-made tooltip and context-menu directives.