Luminis Design System

A comprehensive design system built with React and TypeScript.

Playground

To test the AppSidebar and other components in a development environment:

# Navigate to the luminis package
cd packages/luminis

# Install dependencies (if not already installed)
npm install

# Start the development server
npm run dev

This will start a Vite development server on http://localhost:3001 where you can interact with the AppSidebar component and other Luminis components.

Features

• AppSidebar: A comprehensive sidebar component with team switching, navigation, and user management
• Responsive Design: Works on desktop and mobile devices
• Theme Support: Light and dark mode support
• TypeScript: Full TypeScript support with proper type definitions

Components

The playground showcases various components including:

• AppSidebar with team switching
• Navigation with hierarchical items
• Badge notifications
• Ellipsis menus
• User profile management
• Collapsible sidebar functionality

Development

# Build the package
npm run build

# Preview the built package
npm run preview