MUI 7 + React 19
Built on the latest Material UI and React releases. Fully typed with TypeScript 5.9 and tree-shakable per sub-package.
25+ Theme Dimensions
Nine colour palettes, two modes (light/dark), font families, border radii, scrollbar styles, and more — all customisable at runtime.
RTL First
Native Arabic RTL support via Emotion's stylis-plugin-rtl. Logical CSS properties throughout. LanguageProvider handles direction switching automatically.
Layout System
Composable Layout, Header, Sidebar, PageListView, and PageItemView primitives that cover the full Xocialive portal shell.
Data & Feedback
DataContainer, AppLoader, ErrorBoundary, and ToastContainer give you loading, error, and notification patterns out of the box.
Dashboard Engine
GenericDashboard with lazy-loaded charts, drag-and-drop layout, KPI cards, and a pluggable chart definition API.
Quick Install
# 1. Configure .npmrc for the Azure Artifacts feed
@xocialive:registry=https://pkgs.dev.azure.com/XocialiveProjects/...
# 2. Install the package
pnpm add @xocialive/ui-components
# 3. Import fonts in your entry file
import "@xocialive/ui-components/style.css";