domains / families / software-engineering / mui

mui

authentic

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.

When to use

• 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

Skill page

Source