OGE logoOGE

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.

signal-based APIszoneless-readydesign-token themingaxe-tested accessibilityzero runtime dependencies

Component families

Name
Department
Salary
Can
HR
86000
Mert
Sales
75000
Emre
Engineering
32000
Deniz
Engineering
105000
Data Grid

Virtualized rows into the millions, multi-sort, filtering, grouping with summaries, five editing modes, master-detail, remote data and export.

Name
Title
Deniz Arslan
CTO
Elif Kaya
Eng. Manager
Mert Demir
Frontend Lead
Can Yılmaz
Design Lead
Tree List

The grid feature set on hierarchical data: lazy loading, ancestor-preserving filtering, tri-state selection and drag & drop reordering.

Buttons

Async actions with automatic loading, click guards, hold-to-confirm, badges, radio-pattern groups and drop-down/split buttons.

Inputs

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.

Tabs

Declarative or data-driven tabs with deferred rendering, keep-alive panels, closable tabs with async guards, overflow navigation and drag reorder.

Forms

Form layout over the OGE editors: responsive container-query columns, nested fieldset groups, declarative validation rules and an accessible validation summary.

Accordion

Single or multiple expansion following the WAI-ARIA pattern: lazy content, async expand guards, header actions and invalid-section jumping.

Mountains
Alps, 2026

Four days above the tree line.

Card

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.

62%
Progress & Loading

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

Splitter

Resizable, collapsible and nestable panes on the WAI-ARIA window splitter pattern: ratio or pixel sizing, full keyboard control, RTL and touch.

Toolbar

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.

Stepper

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.

Content
Drawer

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.

Menubar

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.

Breadcrumb

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.

Deniz Arslan
Elif Kaya
Mert Demir
Can Yılmaz
Tree View

Flat or nested data with tri-state checkboxes, ancestor-preserving search, load-on-demand children, virtual scrolling and drag & drop reparenting.

Pivot Grid

Cross-tab analytics on raw records: rows × columns × measures with grand totals, field chooser, sorting and export.

BPMN Editor

BPMN 2.0 process modeler: palette, orthogonal connections, undo/redo, XML import/export — on its own dependency-free engine, with no watermark.

Charts

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.

Gantt

Project plan with a task tree and timeline chart: summary and milestone bars, dependency arrows, critical path, drag editing and undo/redo.

Upload

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.

Kanban

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.

Scheduler

Event planner with day, week and month views: all-day strip, deterministic appointment layout, drag & resize with Escape-cancel, popup and editing dialog.

Right-click me
Overlay

The positioning engine behind every popup: anchored panels, WAI-ARIA menus, plus ready-made tooltip and context-menu directives.