CDK catalog
Browse @xngui/cdk headless utilities. Each page includes live preview, input controls, event logging, and generated usage code.
CDK
Headless utilities for data, focus, keyboard navigation, and interaction — each with live demos.
Data source
Pure XDataSource pipeline — loader returns result or Promise.
Pagination
Headless page window — index, size, length as signals.
Selection
Single / multi selection model for lists and tables.
Sort
Headless sort column + direction state.
Filter
Headless filter UI state — search and predicates.
Tree
Expand/collapse model and visible-node flatten.
Drag-drop
Headless HTML5 drag-and-drop for lists and drop targets.
Key manager
List keyboard navigation — roving / active-descendant.
Grid key manager
2D keyboard navigation for grids and calendars.
Layout
Viewport breakpoints, matchMedia, and scroll helpers.
Color
OKLCH parse/format and picker-plane math for color controls.
Live announcer
Screen-reader announcements via aria-live regions.
Unique id
SSR-safe unique id generator for aria-* wiring.
Focus monitor
Keyboard vs pointer focus origin tracking.
Focus trap
Trap and restore focus inside a container.
Click outside
Dismiss on pointer events outside the host.
Gesture
Pointer swipe recognition on a host element.
Ripple
Material-style ripple feedback directive.
Overlay
Floating panes with backdrop, position, and scroll lock.