@sxo/component-admin provides the structural building blocks for professional administration panels. It follows the SXO design philosophy, offering flexible, headless-inspired layouts that adapt to any visual style.

✨ Key Features

• 🏗️ Modular Layouts: Pre-configured yet flexible sidebar, top bar, and multi-tab navigation.
• 🧩 Headless Navigation: Logical state management for active routes and tab history.
• 🎨 Themeable: Seamlessly inherits styles from any SXO theme (AntD, GitHub, etc.).
• 🛡️ Type Safe: Full TypeScript support for layout configurations.

🚀 Quick Start

Installation

pnpm add @sxo/component-admin

Usage

import { createAdminLayout } from '@sxo/component-admin';

const layout = createAdminLayout({
  sidebar: { collapsed: false },
  tabs: { enabled: true }
});

// Access layout state in your components
console.log(layout.sidebarClasses);

📖 Documentation

For full documentation and layout examples, visit the Admin Component Documentation.

📄 License

MIT License.