mui

Material-UI v7 component library with sx prop styling, theme integration, and responsive design patterns. Material-UI v7 (released March 2025) patterns for component usage, styling with sx prop, theme integration, and responsive design. Note : MUI v7 breaking changes from v6: For components with simple styling, define styles at the top: For complex components, create separate style file: For more detailed patterns, see: - Covers core MUI components (Box, Paper, Grid, Typography, Button) with sx prop styling and theme token usage - Responsive design via breakpoint-based sx values (xs, sm, md, lg, xl) and mobile-first patterns - Theme integration through useTheme hook and sx callbacks for accessing palette, spacing, and shape values - Includes common patterns for cards, dialogs, forms, loading states, and icon usage with best practices for type safety and consistency - Deep imports no longer work - use package exports field - onBackdropClick removed from Modal - use onClose instead - All components now use standardized slots and slotProps pattern - CSS layers support via enableCssLayer config (works with Tailwind v4) - Styling components with MUI sx prop - Using MUI components (Box, Grid, Paper, Typography, etc.) - Theme customization and usage - Responsive design with MUI breakpoints - MUI-specific utilities and hooks - styling-guide.md - Advanced styling patterns -...