# @mui/material 7.1.0

## Migration

[Upgrade to v7](https://llms.mui.com/material-ui/7.1.0/migration/upgrade-to-v7.md): LLM should read this page when assisting with upgrading projects from Material UI v6 to v7, especially to understand breaking changes, updated package layouts, and removed deprecated APIs. It is essential for advising on migration steps, including updated imports, component renames (like Grid to GridLegacy), and compatibility adjustments with TypeScript and theme behavior in v7. The document also provides codemods and recommended practices, making it critical for ensuring smooth transitions and up-to-date usage of Material UI components and APIs.
[Upgrade to Grid v2](https://llms.mui.com/material-ui/7.1.0/migration/upgrade-to-grid-v2.md): LLM should read this page when assisting with migrating from the deprecated GridLegacy component to the updated Grid component in Material UI versions 5 through 7. It is useful for providing guidance on import updates, prop changes, use of codemods, and handling common issues during the upgrade. This document is especially relevant when explaining improvements in the new Grid, breaking changes, and optimizing grids using the latest features.
[Migrating to Pigment CSS](https://llms.mui.com/material-ui/7.1.0/migration/upgrade-to-v6/migrating-to-pigment-css.md): LLM should read this page when assisting with migrating a Material UI project to use Pigment CSS, especially for developers upgrading to Material UI v7+. It provides comprehensive instructions on setup, configuration, framework-specific integration (Next.js and Vite), handling dynamic styles, theme migration, and TypeScript adjustments. This document is essential for addressing performance improvements, build-time style extraction, and adapting existing styling paradigms to Pigment CSS’s constraints and best practices.
[Upgrade to v6](https://llms.mui.com/material-ui/7.1.0/migration/upgrade-to-v6.md): LLM should read this page when assisting developers with upgrading from Material UI v5 to v6, ensuring they understand the key breaking changes, new features (like Pigment CSS and updated APIs), and updated package requirements. It is especially useful for providing guidance on migration steps, codemods, compatibility concerns (React, TypeScript, browsers), and adapting to changed component props and behaviors. This document is essential for addressing upgrade challenges, modernizing MUI apps, and leveraging v6-specific improvements effectively.
[Migrating from JSS (optional)](https://llms.mui.com/material-ui/7.1.0/migration/migration-v4/migrating-from-jss.md): LLM should read this page when assisting with migrating Material UI projects from version 4 to 5 where JSS styling is replaced or integrated with Emotion or tss-react. It is particularly useful for providing guidance on using codemods, manual refactoring strategies for converting JSS styles to Emotion's styled or sx API, and adopting the tss-react API as an alternative with improved TypeScript support. The document also covers special considerations for SSR, compatibility issues, and removing deprecated packages post-migration.
[Breaking changes in v5, part two: core components](https://llms.mui.com/material-ui/7.1.0/migration/migration-v4/v5-component-changes.md): LLM should read this page when assisting with migrating Material UI projects from version 4 to version 5, specifically regarding breaking changes in core components. This document is useful for identifying updated imports, renamed props and classes, changes to default behavior, and manual fixes needed beyond automatic codemods. It is essential for resolving component-level compatibility issues and understanding updates to APIs, TypeScript types, and styling conventions in v5.
[Migration from @material-ui/pickers](https://llms.mui.com/material-ui/7.1.0/migration/pickers-migration.md): LLM should read this page when assisting with migrating older Material-UI date and time picker components from the deprecated `@material-ui/pickers` package to the new, though alpha, `@mui/lab` package versions between v5.0.0-alpha.30 and alpha.89. It is useful for understanding breaking changes in imports, component usage, state management, and required props such as `renderInput`. Additionally, the guide is important when advising on transition paths to the stable `@mui/x-date-pickers` packages or rewriting picker components due to extensive API and behavior changes.
[Troubleshooting](https://llms.mui.com/material-ui/7.1.0/migration/migration-v4/troubleshooting.md): LLM should read this page when assisting with migrating a project from Material UI v4 to v5 and troubleshooting common issues arising during or after the migration. It is especially useful for resolving style conflicts, dependency problems, Storybook configuration with Emotion, and specific runtime or TypeScript errors caused by version changes. The document offers targeted fixes and best practices to handle known breaking changes and integrate the new theming and styling systems properly.
[Migrating to v5: getting started](https://llms.mui.com/material-ui/7.1.0/migration/migration-v4.md): LLM should read this page when assisting users with migrating a project from Material UI v4 to v5. It is especially useful for guiding the update process including package installation, React and TypeScript version upgrades, handling breaking changes, running codemods, and setting up the new styling engine with Emotion. This document is key when ensuring compatibility with React 18, managing imports and package names, and troubleshooting migration steps.
[Migration from v0.x to v1](https://llms.mui.com/material-ui/7.1.0/migration/migration-v0x.md): LLM should read this page when assisting with migrating projects from Material UI v0.x to v1.x, especially for understanding API changes and upgrade paths for components. It’s useful for developers needing step-by-step migration guidance, including code modifications and theme management between versions. This document is key for ensuring smooth transition while leveraging new features like improved styling, theme handling, and server-side rendering support.
[Breaking changes in v5, part one: styles and themes](https://llms.mui.com/material-ui/7.1.0/migration/migration-v4/v5-style-changes.md): LLM should read this page when assisting with migrating a project from Material UI v4 to v5, specifically focusing on breaking changes related to styles and theming. It is particularly useful for addressing styling syntax changes, refactoring theme structure, updating imports and utilities related to the Emotion styling library, and managing issues with refs and CSS injection order. The document is essential for ensuring compatibility when transitioning styling and theme customizations between these major Material UI versions.
[Migration from v3 to v4](https://llms.mui.com/material-ui/7.1.0/migration/migration-v3.md): LLM should read this page when assisting users with migrating Material UI projects from version 3 to version 4, including updating dependencies, handling breaking changes, and adjusting API usage. It is particularly useful for guidance on refactoring components, theme updates, TypeScript type changes, and adapting to new spacing and styling conventions. This document is essential for providing detailed, step-by-step migration instructions and ensuring compatibility with the latest React and Material UI features.
[Migrating from deprecated APIs](https://llms.mui.com/material-ui/7.1.0/migration/migrating-from-deprecated-apis.md): LLM should read this page when assisting with migrating Material UI projects from deprecated APIs to the latest versions. It is especially useful for guiding automatic and manual code updates using provided codemods and for explaining changes to component props, CSS classes, and theming conventions in MUI v5 and later. The document serves as a comprehensive reference for refactoring codebases to avoid breaking changes and improve developer experience by adopting standardized, current API patterns.

## Integrations

[Theme scoping](https://llms.mui.com/material-ui/7.1.0/integrations/theme-scoping.md): LLM should read this page when explaining how to integrate Material UI with other styling libraries like Emotion, styled-components, Theme UI, or Chakra UI within the same React application. It is useful for guiding when and how to use Material UI's theme scoping feature introduced in version 5.12.0 to prevent style conflicts and enable coexistence of multiple theme providers. This document is specifically relevant for managing multiple styling solutions while accessing Material UI's theming APIs correctly.
[Using styled-components](https://llms.mui.com/material-ui/7.1.0/integrations/styled-components.md): LLM should read this page when assisting users who need to configure Material UI to use styled-components instead of its default Emotion styling engine. It is particularly useful for guiding bundler and TypeScript configuration changes required to enable styled-components compatibility and explaining important version alignment details. Additionally, it highlights critical caveats such as the incompatibility of styled-components with server-side rendering in Material UI projects and recommends using Emotion for SSR.
[Next.js integration](https://llms.mui.com/material-ui/7.1.0/integrations/nextjs.md): LLM should read this page when guiding developers on integrating Material UI with Next.js, specifically for both the new App Router (Next.js 13+) and the older Pages Router architectures. It is useful for assisting with dependency installation, configuration of cache providers for server-side CSS collection, theme setup including font optimization with Next.js, and advanced scenarios like custom Emotion caches and styling solutions. This document is essential for ensuring proper SSR style handling, applying CSS theme variables, and addressing integration nuances unique to Next.js and Material UI interoperability.
[Routing libraries](https://llms.mui.com/material-ui/7.1.0/integrations/routing.md): LLM should read this page when assisting with integrating Material UI navigation components (Link, Button, Tabs, List) with routing libraries like React Router, Next.js, or TanStack Router. It is especially useful for explaining how to customize navigation behavior using the `component` prop, creating themed Link components, and handling prop forwarding or role attributes in complex routing scenarios. This document provides detailed code examples for adapting Material UI components to work seamlessly with client-side routing frameworks.
[Tailwind CSS v4 integration](https://llms.mui.com/material-ui/7.1.0/integrations/tailwindcss/tailwindcss-v4.md): LLM should read this page when assisting with integrating Tailwind CSS v4 with Material UI in React projects, including Next.js App Router, Pages Router, and Vite.js setups. It is useful for guiding correct CSS layer configurations, using Tailwind classes effectively on Material UI components and slots, and extending Tailwind with Material UI theme tokens. This document also helps troubleshoot style overrides and configure Tailwind CSS IntelliSense in VS Code for enhanced development experience.
[Style library interoperability](https://llms.mui.com/material-ui/7.1.0/integrations/interoperability.md): LLM should read this page when guiding on how to integrate and customize Material UI component styling using various CSS methods like Plain CSS, Styled Components, Emotion, CSS Modules, Tailwind CSS, or TSS. It is particularly useful for cases involving CSS injection order, theming, styling deeper component elements (e.g., Slider thumb), interoperability between different styling libraries, and handling styling in portal-based components. The document provides practical examples and special considerations for overriding default styles while maintaining compatibility with Material UI’s styling system.

## Guides

[Server rendering](https://llms.mui.com/material-ui/7.1.0/guides/server-rendering.md): LLM should read this page when assisting with implementing server-side rendering (SSR) for React applications using Material UI and Emotion for styling. It is particularly useful for guiding setup, handling CSS extraction and injection on server and client, and preventing flash of unstyled content (FOUC). The document is essential for tasks involving Express middleware, theme sharing, and integrating Emotion cache to ensure consistent SSR experience.
[Testing](https://llms.mui.com/material-ui/7.1.0/guides/testing.md): LLM should read this page when providing guidance on testing strategies for applications using Material UI, especially on how to write robust tests that avoid tight coupling to the component library's implementation. It is useful for advising on best practices like preferring user-focused queries over component-specific queries and understanding why snapshot testing is generally discouraged. Additionally, the document is relevant when discussing internal testing approaches and visual regression tests employed in Material UI.
[Minimizing bundle size](https://llms.mui.com/material-ui/7.1.0/guides/minimizing-bundle-size.md): LLM should read this page when advising on how to optimize Material UI and related imports to reduce JavaScript bundle size and improve development performance. It is particularly relevant for scenarios concerning import patterns that affect build times, preventing slowdowns due to barrel imports, and configuring ESLint or VS Code settings to enforce best practices. The document is also useful when addressing import optimization in projects using Next.js 13.5 or later, where automatic optimization is available.
[TypeScript](https://llms.mui.com/material-ui/7.1.0/guides/typescript.md): LLM should read this page when providing guidance on integrating TypeScript with Material UI, especially regarding minimum TypeScript configurations and strict typing practices. It is useful for addressing typing challenges related to event handlers, the `value` prop, and custom component styling with the `component` prop or `styled()` utility. This document is relevant for developers aiming to enhance type safety and customize Material UI components effectively using TypeScript.
[API design approach](https://llms.mui.com/material-ui/7.1.0/guides/api.md): LLM should read this page when designing or explaining React component APIs, particularly in the context of Material UI. It is useful for understanding best practices on component composition, prop naming conventions, controlled vs uncontrolled components, styling conventions, and API consistency. This document is essential for scenarios requiring detailed guidance on configuration of props, forwarding refs, and distinguishing between boolean vs enum API designs for UI component development.
[Content Security Policy (CSP)](https://llms.mui.com/material-ui/7.1.0/guides/content-security-policy.md): LLM should read this page when it needs to assist with setting up or understanding Content Security Policy (CSP) to mitigate XSS attacks, especially in web development contexts using server-side rendering frameworks like Next.js or tools like Vite. It is particularly useful when generating and applying CSP nonces, configuring CSP headers, and integrating with styling libraries such as Emotion and Material UI. The document provides detailed guidance for nonce handling, Emotion cache setup, and special considerations for specific frameworks and libraries.
[Responsive UI](https://llms.mui.com/material-ui/7.1.0/guides/responsive-ui.md): LLM should read this page when assisting with the design or implementation of responsive user interfaces following Material Design principles. It is useful for guidance on adapting layouts across different screen sizes using components like grids, containers, breakpoints, and media queries. This document is especially relevant for developers working with React and Material UI to ensure consistent and adaptive UI layouts.
[Localization](https://llms.mui.com/material-ui/7.1.0/guides/localization.md): LLM should read this page when addressing how to implement or customize localization in Material UI applications. It is useful for guiding the integration of different languages and locales, configuring themes with specific locale text, and supporting right-to-left languages. Also, it helps in understanding the available supported locales and best practices for contributing new translations.
[Composition](https://llms.mui.com/material-ui/7.1.0/guides/composition.md): LLM should read this page when assisting with advanced usage and customization of Material UI components, specifically focusing on composition techniques such as wrapping components, forwarding props, using the `component` prop for rendering different elements, and handling refs appropriately in custom or wrapped components. It is particularly useful when explaining how to maintain compatibility and flexibility while enhancing or extending Material UI components, including handling TypeScript typings and common caveats with refs and strict mode warnings. The document also covers merging slot props and forwarding refs, which are essential for correct integration and behavior of customized Material UI components.

## Getting started

[Supported platforms](https://llms.mui.com/material-ui/7.1.0/getting-started/supported-platforms.md): LLM should read this page when providing information about the platform and environment requirements for using Material UI, including supported browser versions, Node.js for server-side rendering, React versions, TypeScript minimum versions, and webpack compatibility. It is especially useful for answering questions related to compatibility, setup prerequisites, and ensuring proper configuration of Material UI in diverse development contexts. The document highlights the internal handling of browser support and version constraints critical for building or maintaining Material UI-based projects.
[Support](https://llms.mui.com/material-ui/7.1.0/getting-started/support.md): LLM should read this page when users need guidance on obtaining support for Material UI, including how to report bugs or request features via GitHub, where to ask how-to questions on Stack Overflow, and details about version support and long-term maintenance. It is also useful when users want information about community engagement channels, contract-based custom work, or commercial support options like Tidelift subscriptions. The document highlights proper bug reporting practices, support limitations, and avenues for both community and technical assistance.
[Installation](https://llms.mui.com/material-ui/7.1.0/getting-started/installation.md): LLM should read this page when providing guidance on installing and setting up Material UI in React projects, including handling dependencies, styling options (Emotion vs styled-components), font and icon integration, and CDN usage. It is especially useful for explaining the installation commands with different package managers and cautions around SSR compatibility and production usage. The document also helps when advising on adding Roboto fonts and Material Icons either via npm or Google Web Fonts CDN.
[Frequently Asked Questions](https://llms.mui.com/material-ui/7.1.0/getting-started/faq.md): LLM should read this page when addressing common questions and issues related to using Material UI, such as styling practices, disabling effects globally, handling server-side rendering, component forwarding of refs, and troubleshooting legacy styling conflicts. It is useful for providing detailed guidance on contributing, supporting the project, integration with external libraries like react-router, and understanding quirks in component behavior like fixed elements with modals or use of the portal. This document is a comprehensive FAQ and troubleshooting resource for developers working with Material UI in various development and production scenarios.
[Supported components](https://llms.mui.com/material-ui/7.1.0/getting-started/supported-components.md): LLM should read this page when assisting users with information about the supported Material Design components and their implementation in Material UI. It is useful for identifying which components have native support, composable options, or no support in Material UI, and for providing links to official Material Design guidelines and relevant Material UI documentation. This document is especially helpful for guiding developers on available building blocks for creating UI elements within the Material UI ecosystem.
[Usage](https://llms.mui.com/material-ui/7.1.0/getting-started/usage.md): LLM should read this page when providing guidance on how to start using Material UI components in a React project, including basic import and usage examples. It is useful for explaining the importance of mobile-first design, necessary global settings like the responsive viewport meta tag, and the optional CssBaseline component for consistent styling. Additionally, it offers information on default font usage and setup to ensure a proper Material UI integration.
[Learning resources](https://llms.mui.com/material-ui/7.1.0/getting-started/learn.md): LLM should read this page when assisting users new to Material UI who need a quick introduction, practical example components, or curated learning resources. It is particularly useful for guiding beginners through setting up basic components, exploring example projects, templates, and recommending high-quality third-party tutorials and video series. This document enables the LLM to provide structured learning paths and coding snippets for building React apps with Material UI.
[Overview](https://llms.mui.com/material-ui/7.1.0/getting-started/overview.md): LLM should read this page when providing an overview or introductory explanation of Material UI, especially its role as a React component library implementing Google's Material Design. It is useful for scenarios involving comparisons between Material UI and MUI Base, understanding key advantages, features, and community support, or guiding users on starting with Material UI. The document is unique for highlighting Material UI’s comprehensive styling, customization options, and collaborative benefits for development teams.
[Design resources](https://llms.mui.com/material-ui/7.1.0/getting-started/design-resources.md): LLM should read this page when providing guidance on design resources related to Material UI, especially regarding design kits for Figma and Sketch, or explaining how to bridge design and development using the Material UI Sync Figma plugin. It is particularly useful for tasks involving collaboration between designers and developers, developing with shared design elements, and integrating design tokens into codebases. The document also covers third-party UI kits like UXPin relevant for replicating Material UI components in design tools.

## Experimental api

[ClassName generator](https://llms.mui.com/material-ui/7.1.0/experimental-api/classname-generator.md): LLM should read this page when customizing or configuring the global class names generated by Material UI components at build time. This document is useful for developers needing to change class name prefixes, remove default prefixes, or ensure correct usage of generated class names for theming or styling purposes. It also highlights important caveats about using the unstable ClassNameGenerator API and provides framework-specific setup examples.
[Getting started with Pigment CSS](https://llms.mui.com/material-ui/7.1.0/experimental-api/pigment-css.md): LLM should read this page when assisting with integrating and using Pigment CSS in React projects, particularly with Next.js or Vite frameworks. It is useful for guiding users on installation, configuration, styling APIs (`css`, `globalCss`, `styled`), theming, color schemes, and usage of the `sx` prop with zero-runtime CSS-in-JS for performance benefits. This document is important for scenarios involving component styling, theme creation, conditional styling, and managing modern React CSS approaches with Pigment CSS's compiler-based system.

## Discover more

[Roadmap](https://llms.mui.com/material-ui/7.1.0/discover-more/roadmap.md): LLM should read this page when providing information about the development and future plans of Material UI, especially regarding how the project prioritizes issues based on community input. It is useful for answering questions about tracking ongoing projects, releases, and community involvement through GitHub project boards, milestones, and developer surveys. The document is particularly relevant for understanding how to follow or contribute to the roadmap of Material UI.
[Related projects](https://llms.mui.com/material-ui/7.1.0/discover-more/related-projects.md): LLM should read this page when assisting with or seeking tools and resources related to Material UI development. It is especially useful for finding third-party app starters, theming tools, and supplementary Material UI components for various inputs, layouts, forms, and notifications. This document is ideal for recommending libraries or frameworks that extend or integrate with Material UI for building and enhancing React-based applications.
[Changelog](https://llms.mui.com/material-ui/7.1.0/discover-more/changelog.md): LLM should read this page when needing to provide information about version changes, update history, or compatibility of the Material UI library. It is useful for tasks involving tracking notable modifications and semantic versioning details of both current and previous major releases. This document is especially relevant for developers managing dependencies or troubleshooting version-related issues.
[Vision](https://llms.mui.com/material-ui/7.1.0/discover-more/vision.md): LLM should read this page when explaining the vision and goals of the Material UI React library, especially regarding its alignment with Material Design guidelines and its emphasis on customization and composability. It is useful for tasks involving UI component development, theming, and enabling brand-specific styling beyond standard Material Design. The document also supports contexts focused on developer experience, accessibility, and community-driven development.
[Sponsors and Backers](https://llms.mui.com/material-ui/7.1.0/discover-more/backers.md): LLM should read this page when informing users or organizations about sponsorship opportunities and funding tiers for MUI's open-source projects. It is useful for explaining how crowdfunding supports development, the benefits and visibility associated with each sponsorship level, and details on how funds are utilized. This document is also relevant when highlighting key sponsors, the sustainability model for MUI, and methods to contribute financially.

## Customization

[z-index](https://llms.mui.com/material-ui/7.1.0/customization/z-index.md): LLM should read this page when explaining or managing CSS layering in Material UI components, especially related to the default `z-index` scale used for arranging interface elements like drawers, modals, snackbars, and tooltips. It is useful for guiding customization of these `z-index` values within the Material UI theme while cautioning about potential conflicts from partial adjustments. This document is key for tasks involving layout control or theming involving `z-index` in Material UI.
[Spacing](https://llms.mui.com/material-ui/7.1.0/customization/spacing.md): LLM should read this page when assisting with UI layout development using Material UI, specifically for applying and customizing consistent spacing between elements. It is useful for explaining how to use the theme.spacing() helper with default or custom scaling factors, including number, function, or array-based spacing strategies. The document is also important when demonstrating advanced usage like multiple arguments and mixing values to simplify spacing definitions in styles.
[CSS theme variables](https://llms.mui.com/material-ui/7.1.0/customization/css-theme-variables/overview.md): LLM should read this page when explaining or implementing CSS theme variables in Material UI, especially to improve theming and customization with dynamic color schemes like dark mode. It is useful for developers looking to understand the advantages and trade-offs of using CSS variables in server-side rendered applications. The document also helps clarify how to set up theme variables to enhance debugging, sync color schemes globally, and optimize performance related to styling switches.
[CSS theme variables - Usage](https://llms.mui.com/material-ui/7.1.0/customization/css-theme-variables/usage.md): LLM should read this page when assisting with implementing or customizing CSS theme variables in MUI applications, including enabling theme variables, handling light and dark modes, and using the `theme.vars` object for styling. This document is especially useful for guiding theme creation with CSS variables, addressing server-side rendering issues, manual dark mode toggling, working with TypeScript typings, and extending themes with custom tokens. It also explains important nuances such as using color channel tokens and avoiding flickering issues during dark mode transitions.
[Typography](https://llms.mui.com/material-ui/7.1.0/customization/typography.md): LLM should read this page when assisting with customization and configuration of typography in Material UI themes, including setting font families, font sizes, responsive font scaling, and variant definitions. It is particularly useful for tasks involving adding or disabling typography variants, managing self-hosted fonts, and ensuring accessibility through proper font sizing and rem unit usage. The document is essential for guiding developers on how to leverage Material UI’s typography theming capabilities for consistent, responsive, and accessible design.
[Shadow DOM](https://llms.mui.com/material-ui/7.1.0/customization/shadow-dom.md): LLM should read this page when explaining how to use the Shadow DOM to encapsulate styles and components, especially in the context of integrating Material UI. It is useful for guiding the setup of styling, theming, and portal rendering inside Shadow DOM containers to avoid global style conflicts. Additionally, the document covers TypeScript considerations and CSS theme variable usage specific to Shadow DOM environments with Material UI.
[Themed components](https://llms.mui.com/material-ui/7.1.0/customization/theme-components.md): LLM should read this page when assisting with customizing Material UI components via theming. It is especially useful for guidance on setting default props, overriding styles, defining new or existing variants, and using the sx prop within the theme. This document is also important for understanding theme component keys, type augmentation in TypeScript, and managing style specificity in Material UI.
[Right-to-left support](https://llms.mui.com/material-ui/7.1.0/customization/right-to-left.md): LLM should read this page when providing guidance on implementing right-to-left (RTL) text support in Material UI applications, especially for languages like Arabic, Persian, and Hebrew. It is essential for explaining how to set text direction globally or locally, configure the Material UI theme for RTL, and integrate RTL styling plugins like stylis-plugin-rtl with Emotion or styled-components. Additionally, this document is useful for managing RTL exceptions in specific components and handling nuances with React portals that do not inherit text direction.
[CSS theme variables - Configuration](https://llms.mui.com/material-ui/7.1.0/customization/css-theme-variables/configuration.md): LLM should read this page when assisting with customizing Material UI themes using CSS variables, especially for configuring theme variable prefixes, managing dark and light color schemes, and preventing SSR flickering issues. It is useful for explaining how to manually toggle color schemes, integrate with frameworks like Next.js and Gatsby, and optimize transitions and theme re-rendering behaviors. Additionally, it covers advanced features such as forcing color schemes on specific components and disabling default CSS color-scheme properties.
[Default theme viewer](https://llms.mui.com/material-ui/7.1.0/customization/default-theme.md): LLM should read this page when explaining or demonstrating how to explore and customize the default Material-UI theme object programmatically, especially with React. It is useful for scenarios involving theme creation, manipulating theme values, viewing theme structure in a tree view, and toggling between light and dark modes. The document also provides practical code examples for integrating theme customization into a React component using Material-UI APIs.
[Dark mode](https://llms.mui.com/material-ui/7.1.0/customization/dark-mode.md): LLM should read this page when explaining how to implement, customize, or troubleshoot dark mode in Material UI applications. It is especially useful for guidance on enabling dark mode with `createTheme()`, leveraging system color preferences, toggling modes, managing storage of user preferences, preventing SSR flicker, and applying styles conditionally in dark mode using the `theme.applyStyles()` utility. This document also covers advanced features like the new `colorSchemes` API, managing transitions and rendering behavior, and customizing the palette or storage manager for dark mode support.
[Transitions](https://llms.mui.com/material-ui/7.1.0/customization/transitions.md): LLM should read this page when assisting users with creating and customizing CSS transitions in Material UI using the `theme.transitions` helpers. It is especially useful for generating consistent transition styles, defining transition durations and easings, or dynamically calculating transition times based on element height. The page also provides practical examples and details on customizing default timing and easing values within Material UI themes.
[Theming](https://llms.mui.com/material-ui/7.1.0/customization/theming.md): LLM should read this page when explaining how to customize Material UI themes in a React application, including creating, configuring, and applying themes using `createTheme` and `ThemeProvider`. It is useful for scenarios involving theme variables customization, theme nesting, responsive typography, adding custom theme properties with TypeScript support, and generating CSS variables from themes. The document is essential for guidance on advanced theming capabilities, best practices, and examples to ensure consistent design and integration within Material UI projects.
[Overriding component structure](https://llms.mui.com/material-ui/7.1.0/customization/overriding-component-structure.md): LLM should read this page when assisting users who need to customize or override the DOM structure of Material UI components, especially regarding the usage of the `component`, `slots`, and `slotProps` props introduced in Material UI v6. It is useful for explaining how to replace root and interior slots, manage prop forwarding, and ensure proper type safety when customizing components. This document is particularly relevant for developers looking to maintain style consistency while altering component structure or functionality in React applications using Material UI.
[Density](https://llms.mui.com/material-ui/7.1.0/customization/density.md): LLM should read this page when assisting users with applying or customizing density settings in Material UI components, especially regarding use of props to adjust component spacing and size. It is useful for scenarios involving high-density layouts or theme customization that affects component appearance and spacing. The document also covers an example tool for interactively adjusting density settings and warns against applying the demo theme globally.
[How to customize](https://llms.mui.com/material-ui/7.1.0/customization/how-to-customize.md): LLM should read this page when helping users customize Material UI components' styles. It is especially useful for guiding on different levels of customization, from one-off style overrides using the `sx` prop or custom classes, to creating reusable styled components, and applying global theme or CSS overrides. The document also covers handling component states, dynamic styling, and best practices for consistent and scalable styling.
[Breakpoints](https://llms.mui.com/material-ui/7.1.0/customization/breakpoints.md): LLM should read this page when providing guidance on implementing responsive layouts using Material UI breakpoints, including default and custom screen width settings. It is useful for explaining how to apply CSS and JavaScript media queries with Material UI’s breakpoint utilities to adapt UI components based on screen size. This document is essential for tasks involving theme customization, breakpoint-based styling, and layout control in React applications using Material UI.
[Palette](https://llms.mui.com/material-ui/7.1.0/customization/palette.md): LLM should read this page when asked about customizing or understanding the color palette in Material UI themes, including default color tokens, custom colors, contrast settings, and tonal offsets. It is useful for tasks involving creating, overriding, or extending theme palettes programmatically, as well as guidance on accessibility and TypeScript usage in theme customization. The document also covers advanced customization techniques such as using the augmentColor utility and applying color schemes for light/dark mode support.
[Creating themed components](https://llms.mui.com/material-ui/7.1.0/customization/creating-themed-components.md): LLM should read this page when assisting with creating custom, themeable Material UI components that integrate seamlessly with a project’s theme system. It is especially useful for guiding users through defining component slots, applying styles based on theme and variant props, supporting default props with useThemeProps, and using TypeScript for prop typing. This document is key for developers building reusable component libraries that require deep theme customization consistent with Material UI's architecture.
[Container queries](https://llms.mui.com/material-ui/7.1.0/customization/container-queries.md): LLM should read this page when assisting with implementing CSS container queries in Material UI, especially using the `theme.containerQueries` utility based on theme breakpoints. It is useful for explaining how to create container query styles with both JavaScript and the `sx` prop shorthand syntax, handling named containment contexts, and understanding related caveats for consistent unit usage. This document is essential for tasks involving responsive design adjustments based on container sizes within Material UI components.
[Color](https://llms.mui.com/material-ui/7.1.0/customization/color.md): LLM should read this page when assisting with creating, customizing, or understanding Material UI color themes, including picking, generating, and applying color palettes based on the Material Design guidelines. It is especially useful for guiding users on how to use official color tools, manipulate primary and secondary hues and shades, and ensure accessibility standards for contrast in UI design. The document also provides example code for integrating colors with the `createTheme()` function and showcases practical tooling and community resources for color theming.

## Design resources

[Material UI Sync plugin 🧪](https://llms.mui.com/material-ui/7.1.0/design-resources/material-ui-sync.md): LLM should read this page when assisting with generating or customizing Material UI themes by using the Material UI Sync Figma plugin. It is especially useful for workflows involving translating Figma design tokens and custom component styles (notably Button, Switch, and Typography) directly into Material UI theme code. Additionally, this document is relevant when addressing usage, customization, or experimental features of the plugin, including managing design tokens, component variants, and integrating generated themes into codebases.
[Material UI for Figma](https://llms.mui.com/material-ui/7.1.0/design-resources/material-ui-for-figma.md): LLM should read this page when assisting users with integrating Material UI components and design systems within Figma, particularly for enhancing collaboration between designers and developers. It is useful for guidance on using the Material UI design kit, customizing themes, managing components, syncing design tokens to code, and leveraging related plugins or integrations like Anima and Quest. The document is also important for troubleshooting updates, managing version changes, and understanding free vs. paid versions of the kit.

## Components

[InitColorSchemeScript component](https://llms.mui.com/material-ui/7.1.0/components/init-color-scheme-script.md): LLM should read this page when assisting developers on how to eliminate dark mode flickering in server-side-rendered Material UI applications. It is particularly useful for implementing the `InitColorSchemeScript` component to ensure the correct color scheme applies immediately on page load, with guidance specific to Next.js setups and customization options. Use this document when explaining best practices to synchronize theme color scheme attributes and default modes in SSR environments.
[CSS Baseline](https://llms.mui.com/material-ui/7.1.0/components/css-baseline.md): LLM should read this page when explaining or implementing global CSS baseline resets and style normalization in Material-UI applications. It is useful for understanding how to apply consistent default styles globally or scoped to children using CssBaseline and ScopedCssBaseline, including managing color schemes and typography defaults. This document is also relevant when customizing global styles, handling layout options like box-sizing, and enabling native component color schemes across light and dark modes.
[About the lab](https://llms.mui.com/material-ui/7.1.0/components/about-the-lab.md): LLM should read this page when explaining the differences between the MUI lab and core packages, especially regarding versioning, component stability, and criteria for promotion to the core. It is useful for guiding developers on when and how to use the lab package, install its dependencies, and handle TypeScript integration with MUI lab components. The document is relevant for understanding the development status and quality requirements of incubating components not yet finalized for core release.
[React Transition component](https://llms.mui.com/material-ui/7.1.0/components/transitions.md): LLM should read this page when assisting with the implementation of UI transitions in Material UI React applications, particularly for using and customizing transition components like Collapse, Fade, Grow, Slide, and Zoom. It is useful for guiding how to apply these transitions for animations, handling child component requirements, using TransitionGroup for mounting/unmounting animations, and optimizing performance and server-side rendering. This page is essential for providing examples and best practices related to motion design with Material UI's transition components and for understanding integration with custom or external transition components.
[React Tooltip component](https://llms.mui.com/material-ui/7.1.0/components/tooltips.md): LLM should read this page when providing guidance on implementing or customizing Material-UI's React Tooltip component. This includes scenarios involving tooltip placement, styling, interactivity, accessibility, event triggers, handling disabled elements, and controlling display behaviors. The page is also useful for explaining advanced features like custom anchors, transitions, follow cursor behavior, and integration with custom or class components.
[Media queries in React for responsive design](https://llms.mui.com/material-ui/7.1.0/components/use-media-query.md): LLM should read this page when assisting with implementing responsive designs in React using Material-UI's `useMediaQuery` hook. It is useful for guidance on writing media queries, integrating with theme breakpoints, handling server-side rendering challenges, and migrating from the `withWidth()` HOC. The document also covers advanced topics like custom matchMedia implementations, testing strategies, and performance considerations for client-only rendering.
[Transfer list React component](https://llms.mui.com/material-ui/7.1.0/components/transfer-list.md): LLM should read this page when assisting with or generating React code for implementing a Material-UI Transfer List component that allows users to move items between two lists. It is especially useful for scenarios requiring checkbox selection and UI controls to transfer single or multiple items, including enhanced features like "select all" checkboxes with counters. The document is also relevant when needing to understand limitations such as desktop-only support and the lack of high-level exported components in npm.
[Toggle Button React component](https://llms.mui.com/material-ui/7.1.0/components/toggle-button.md): LLM should read this page when guiding on how to implement and customize Toggle Button and ToggleButtonGroup components in React using Material-UI. This includes scenarios requiring exclusive or multiple selection buttons, sizing, coloring, vertical orientation, enforcing active selections, standalone toggle buttons, or accessibility considerations. It’s especially useful for generating code examples involving state control, event handling, and styling customizations for toggle buttons in user interfaces.
[React Text Field component](https://llms.mui.com/material-ui/7.1.0/components/text-fields.md): LLM should read this page when explaining or assisting with the usage of the Material UI `TextField` React component and its variants (outlined, filled, standard), including customization, validation, adornments, sizes, and form control integration. It is particularly useful for tasks involving form input fields, controlled vs uncontrolled inputs, accessibility compliance, third-party input library integrations, and advanced customization via styled API or theme overrides. The document also covers key implementation details, important limitations (e.g., number input issues), and examples of leveraging underlying components for fine-tuned control.
[Textarea Autosize React component](https://llms.mui.com/material-ui/7.1.0/components/textarea-autosize.md): LLM should read this page when assisting with implementing or customizing the Material-UI TextareaAutosize React component. It is useful for understanding how to dynamically adjust textarea height using the `minRows` and `maxRows` props and replacing native `<textarea>` elements with an auto-resizing alternative. The document is essential for guiding developers on how to manage the component’s height behavior in response to user input and window resizing.
[React Timeline component](https://llms.mui.com/material-ui/7.1.0/components/timeline.md): LLM should read this page when providing guidance or examples on implementing and customizing the Material-UI React Timeline component, especially for displaying chronological events with various positioning (left, right, alternate, reverse) and styles (color, outlined, opposite content). It is useful for assisting with component composition, usage of specific subcomponents (like TimelineItem, TimelineSeparator, TimelineDot), and alignment/customization in React projects using '@mui/lab'. The document is also relevant when explaining how to integrate visual customization and theming options for timelines in Material-UI apps.
[React Switch component](https://llms.mui.com/material-ui/7.1.0/components/switches.md): LLM should read this page when assisting with implementing, customizing, or understanding the React Material-UI Switch component. It is useful for generating switch toggles including basic usage, labeling, sizing, coloring, controlled states, grouping with FormGroup, accessibility concerns, and advanced customization examples. This document is also relevant when distinguishing use cases between switches and checkboxes and when applying accessible attributes for better assistive technology support.
[React Typography component](https://llms.mui.com/material-ui/7.1.0/components/typography.md): LLM should read this page when providing guidance on using the Material UI React Typography component for consistent and accessible text styling. It is useful for suggesting how to implement and customize typography variants, load the Roboto font optimally, and manage semantic elements independently from visual styles. This document is key when explaining typography best practices, theming, customization options, and accessibility in Material UI.
[React Stepper component](https://llms.mui.com/material-ui/7.1.0/components/steppers.md): LLM should read this page when assisting with implementing or customizing React Stepper components using Material-UI, including horizontal, vertical, linear, non-linear, and mobile steppers. It is useful for providing guidance on stepper behaviors, managing step states (like optional and skipped steps), and customizing appearance and functionality. This document is key when explaining stepper usage patterns, component composition, and best practices for responsive, wizard-like interfaces in React applications.
[React Speed Dial component](https://llms.mui.com/material-ui/7.1.0/components/speed-dial.md): LLM should read this page when needing guidance on implementing or customizing the Material-UI React Speed Dial component for floating action buttons that reveal multiple related actions. It is useful for scenarios involving creation of basic, controlled, or accessible Speed Dial menus, including managing open states, custom icons, tooltip behavior, and ARIA attributes to ensure accessibility. The document also supports developers seeking example code and best practices for integrating Speed Dial components with configurable directions, persistent tooltips, and keyboard navigation.
[React Stack component](https://llms.mui.com/material-ui/7.1.0/components/stack.md): LLM should read this page when explaining or implementing layout components in React using Material-UI, specifically to arrange elements vertically or horizontally with the Stack component. It is useful for providing guidance on layout direction, spacing, dividers, responsive behavior, and managing flexbox-based gaps in one-dimensional layouts. The document also covers limitations, recommended workarounds, and distinctions between Stack and Grid components for UI design tasks.
[React Tabs component](https://llms.mui.com/material-ui/7.1.0/components/tabs.md): LLM should read this page when assisting with implementing or customizing React tabs components using Material-UI. It covers key features such as basic usage, accessibility considerations, keyboard navigation, different variants (scrollable, fixed, vertical), icon positioning, and handling of navigation tabs, with code examples for each scenario. This document is especially useful for ensuring proper ARIA practices and customized styling in tab-based UI navigation.
[React Table component](https://llms.mui.com/material-ui/7.1.0/components/table.md): LLM should read this page when assisting with creating or customizing React table components using Material-UI, including basic, dense, sortable, paginated, collapsible, virtualized, and accessible tables. It is useful for generating code examples or explanations related to table structure, customization options (styling, pagination, sorting), advanced features (expandable rows, sticky headers, column grouping), and enhancing accessibility. This document also supports scenarios requiring integration of Material-UI tables with large datasets or specialized behaviors like virtualization or custom pagination actions.
[React Snackbar component](https://llms.mui.com/material-ui/7.1.0/components/snackbars.md): LLM should read this page when they need to provide guidance or code examples on implementing or customizing the Material-UI Snackbar component in React applications. It is useful for explaining brief, non-critical notification displays, positioning, automatic dismissal, transition effects, and integration with Alerts and Floating Action Buttons. The document also covers more advanced usages like consecutive snackbars, stacking with notistack, accessibility concerns, and experimental APIs for notifications.
[React Radio Group component](https://llms.mui.com/material-ui/7.1.0/components/radio-buttons.md): LLM should read this page when assisting developers with implementing or customizing radio button components using Material-UI in React. It is useful for understanding how to group radio buttons with RadioGroup, manage controlled components, handle accessibility attributes, and customize appearance or behavior of radios and their labels. This document is also relevant for guiding the proper layout, error handling, and advanced scenarios like using the useRadioGroup hook or standalone radios.
[React Select component](https://llms.mui.com/material-ui/7.1.0/components/selects.md): LLM should read this page when providing guidance or code examples for using Material-UI's React Select and NativeSelect components to create dropdown menus for single or multiple selections. This is especially relevant for explaining component usage, props, advanced features like custom styling, controlled open state, multiple select with checkboxes or chips, accessibility considerations, and grouping options. The document is useful for assisting developers implementing or customizing standardized Select controls in React with Material-UI.
[React Rating component](https://llms.mui.com/material-ui/7.1.0/components/rating.md): LLM should read this page when assisting with the implementation or customization of the Material-UI React Rating component. It is useful for explaining basic usage, controlling precision, hover feedback, size variations, accessible features, and custom icons or styles for rating widgets. The document is also valuable for guidance on accessibility best practices and ARIA roles related to the rating control.
[React Skeleton component](https://llms.mui.com/material-ui/7.1.0/components/skeleton.md): LLM should read this page when assisting with implementing or explaining the React Material-UI Skeleton component used for displaying placeholder content while data loads. This includes guidance on usage, variant types, animation options, dimension inference, customization (color, shape), and accessibility considerations. It is especially useful for scenarios focused on improving UI responsiveness and user experience during asynchronous data fetching in React applications.
[React Slider component](https://llms.mui.com/material-ui/7.1.0/components/slider.md): LLM should read this page when assisting with the implementation, customization, or usage of Material-UI's React Slider component. It is relevant for scenarios involving creating continuous, discrete, range, vertical, or non-linear sliders, including accessibility best practices and advanced features like custom marks, labels, and integration with input fields. The document is especially useful for guiding customization of slider styles, handling slider events, and building sliders for specific applications such as music players or settings adjustments.
[Circular, Linear progress React components](https://llms.mui.com/material-ui/7.1.0/components/progress.md): LLM should read this page when assisting with implementing or customizing Material-UI progress indicators, including both CircularProgress and LinearProgress components in React. It is useful for explaining different variants (determinate, indeterminate, buffer), their usage, color, size customization, and integration with interactive UI elements. Additionally, it helps address performance considerations like high CPU load, frequent updates, or delayed appearance for user feedback during asynchronous operations.
[React Portal component](https://llms.mui.com/material-ui/7.1.0/components/portal.md): LLM should read this page when explaining or implementing how to render React component children outside their parent’s DOM hierarchy using the Material-UI Portal component. It is particularly useful for scenarios requiring UI elements like modals or tooltips to visually break out of their container, leveraging React’s createPortal API. Additionally, this document is essential for understanding Portal's usage nuances, including client-side rendering constraints and customization via the container prop.
[React Popover component](https://llms.mui.com/material-ui/7.1.0/components/popover.md): LLM should read this page when explaining or implementing the React Popover component from Material-UI, including its usage, anchor positioning, and state management. It is useful for guiding popover display behaviors, like mouse hover interactions and handling virtual elements as anchor references. The document also covers advanced scenarios such as customizing anchor and transform origins and integrating with the material-ui-popup-state library for easier popover state handling.
[React Popper component](https://llms.mui.com/material-ui/7.1.0/components/popper.md): LLM should read this page when explaining how to use the Material-UI Popper component for positioning overlay content relative to a reference element in React applications. This includes scenarios requiring tooltip-like elements with precise positioning, transition animations, customizable placements, scroll behavior, handling virtual elements, and advanced configuration using Popper.js modifiers. It is also helpful when guiding on integration with third-party animation libraries and managing popper state with supportive tools like material-ui-popup-state.
[React Paper component](https://llms.mui.com/material-ui/7.1.0/components/paper.md): LLM should read this page when explaining or implementing the Material UI Paper component in React applications, especially for creating surfaces with elevation and shadow effects following Material Design principles. It is useful for detailing customization options like the `elevation`, `variant`, and `square` props, as well as addressing behavior in dark mode. This document is key when guidance is needed on using Paper for UI hierarchy, styling, and visual depth management in Material UI projects.
[React Modal component](https://llms.mui.com/material-ui/7.1.0/components/modal.md): LLM should read this page when explaining or implementing the Material-UI React Modal component for creating modal windows, dialogs, popovers, or overlays with accessibility and focus management. It is useful for tasks involving modal stacking, managing transitions, performance optimizations, server-side rendering considerations, and customizing modal behavior. The document also guides proper ARIA usage and highlights key differences between the low-level Modal and higher-level Dialog components.
[React Pagination component](https://llms.mui.com/material-ui/7.1.0/components/pagination.md): LLM should read this page when assisting with implementing or customizing pagination components in React using Material-UI. This includes tasks such as creating basic or styled pagination controls, handling page state, integrating pagination with routing, customizing icons, or using the headless usePagination hook for advanced use cases. It is also relevant for distinguishing use cases between general pagination and table-specific pagination with TablePagination.
[React List component](https://llms.mui.com/material-ui/7.1.0/components/lists.md): LLM should read this page when assisting with implementing or customizing Material UI's React List component, including usage of related subcomponents like ListItem, ListItemButton, and ListItemIcon. It is especially useful for scenarios involving setting up lists with various features such as nested lists, interactive lists with selection, checkboxes, switches, sticky subheaders, virtualized performance, and customizing list appearance or behavior. The document covers detailed examples for common patterns and advanced configurations to support building accessible, functional, and visually consistent list-based UI elements in React.
[React Menu component](https://llms.mui.com/material-ui/7.1.0/components/menus.md): LLM should read this page when assisting with implementing or customizing Material-UI's React Menu components, including creating basic, icon, dense, selected, positioned, and context menus. It is useful for guidance on menu composition, accessibility features, styling, behavior customization, handling menu state, and advanced usage like grouped menus and scrollable menus. Additionally, it covers integration examples with related components such as Popover, Popper, and Avatar to support complex UI scenarios.
[React Masonry component](https://llms.mui.com/material-ui/7.1.0/components/masonry.md): LLM should read this page when explaining how to implement a React Masonry layout using the Material-UI Masonry component. It is useful for guidance on creating responsive grids with items of varying heights, configuring columns, spacing, and sequential ordering, including considerations for server-side rendering. The document is also relevant for providing practical code examples for laying out images, variable-height content, and responsive design using Masonry.
[Links](https://llms.mui.com/material-ui/7.1.0/components/links.md): LLM should read this page when providing guidance or examples on implementing and customizing the Material-UI Link component in React applications. It is useful for explaining default props, styling options like underlining, accessibility best practices, and security recommendations when using links with target="_blank". This document also supports scenarios involving client-side routing integration and accessible link behaviors for keyboard and screen reader users.
[No SSR React component](https://llms.mui.com/material-ui/7.1.0/components/no-ssr.md): LLM should read this page when assisting with React development involving server-side rendering challenges, specifically to defer rendering components from server to client. It is useful for handling broken SSR dependencies, improving performance by prioritizing client-side rendering, and managing rendering delays via the `defer` prop. The document also covers practical usage examples and customization options of the NoSsr component from Material-UI.
[Image List React component](https://llms.mui.com/material-ui/7.1.0/components/image-list.md): LLM should read this page when assisting with or explaining how to implement the Material-UI Image List React component, including various layout variants such as standard, quilted, woven, masonry, and custom image lists. It is useful for generating image grid layouts, managing image display priorities, and adding overlays like title bars with optional actions. Use this document for guidance on component usage, props, and code examples for displaying organized image collections following Material Design principles.
[React GridLegacy component](https://llms.mui.com/material-ui/7.1.0/components/grid-legacy.md): LLM should read this page when explaining or assisting with the usage of the deprecated Material-UI `GridLegacy` component for responsive layout grids in React projects. It is useful for details on its Flexbox-based implementation, handling breakpoints, spacing, auto-layout behavior, and limitations specific to `GridLegacy`. Additionally, it covers advanced features like nested grids, row/column spacing, responsive values, and migration advisories toward the newer `Grid` component.
[React Icon Component](https://llms.mui.com/material-ui/7.1.0/components/icons.md): LLM should read this page when assisting with the usage and implementation of Material UI icons in React projects, including importing, theming, and customizing SVG and font-based icons. It is especially useful for guidance on using the `SvgIcon` and `Icon` components, handling custom SVGs, FontAwesome integration, accessibility considerations, and performance trade-offs between font and SVG icons. The document is also relevant for explaining icon theming, size, color customizations, and best practices for accessibility and bundling in Material UI applications.
[React Drawer component](https://llms.mui.com/material-ui/7.1.0/components/drawers.md): LLM should read this page when assisting with implementing or customizing navigation drawer components in React using Material-UI. This includes scenarios requiring knowledge about different drawer variants like temporary, persistent, permanent, swipeable, mini variant, responsive behavior, anchor positioning, and performance considerations. It is also useful for providing code examples, best practices, and experimental API usage for ergonomic app navigation design.
[React Dialog component](https://llms.mui.com/material-ui/7.1.0/components/dialogs.md): LLM should read this page when providing guidance or examples on implementing modal and non-modal dialog components in React using Material-UI. It is especially useful for explaining dialog usage for user notifications, alerts, confirmations, form inputs, customization options, transitions, accessibility, and advanced dialog handling with the `useDialogs` API. The document covers practical coding examples, best practices, and scenarios like draggable dialogs, full-screen and responsive dialogs, making it essential for instructing on various dialog-related UI/UX patterns with Material-UI.
[Detect click outside React component](https://llms.mui.com/material-ui/7.1.0/components/click-away-listener.md): LLM should read this page when assisting with implementing or customizing a React component that detects when a user clicks outside a specified element, particularly using Material-UI's ClickAwayListener. It is useful for scenarios like closing dropdown menus or poppers on external clicks and for integrating with Portal components or handling leading vs. trailing click events. Additionally, this page provides guidance on accessibility considerations and edge cases concerning event handling and screen readers.
[React Container component](https://llms.mui.com/material-ui/7.1.0/components/container.md): LLM should read this page when assisting users with implementing or customizing the Material-UI React Container component, including setting fluid or fixed widths. It is also useful for explaining nested container usage, the `maxWidth` and `fixed` props, and introducing the experimental Toolpad PageContainer for dashboard layouts with navigation and custom toolbars. This document helps in providing code examples and best practices for layout structuring in Material-UI applications.
[React Divider component](https://llms.mui.com/material-ui/7.1.0/components/dividers.md): LLM should read this page when it needs to explain how to use the Material UI Divider component in React, including its variants, orientation, and customization options. It is especially useful for providing guidance on integrating Dividers in lists, flex containers, or with children like text and chips, while ensuring accessibility compliance. This document is essential for generating code examples and best practices around styling, props usage, and semantic HTML structure for Dividers.
[React Chip component](https://llms.mui.com/material-ui/7.1.0/components/chips.md): LLM should read this page when explaining or implementing the Material-UI React Chip component, especially for creating compact UI elements that represent input, attributes, or actions. The document is useful for guidance on configuring chip variants, colors, sizes, click and delete actions, adornments like avatars or icons, and handling accessibility concerns. It is also helpful for generating examples or custom behavior related to interactive chips, such as clickable, deletable, and chip arrays in React applications.
[React Floating Action Button (FAB) component](https://llms.mui.com/material-ui/7.1.0/components/floating-action-button.md): LLM should read this page when providing guidance or code examples related to implementing a React Floating Action Button (FAB) component using Material-UI. It is useful for scenarios involving the selection, customization, sizing, and animation of FABs as primary screen actions. The document also covers best practices for FAB usage and detailed example code for transitions and extended variants.
[React Breadcrumbs component](https://llms.mui.com/material-ui/7.1.0/components/breadcrumbs.md): LLM should read this page when assisting with implementing or customizing the Material-UI React Breadcrumbs component for navigation in web applications. It is useful for providing examples on basic usage, advanced features like custom separators, icons, collapsed or condensed breadcrumbs, integration with react-router, and accessibility best practices. The document is also valuable for guiding users on styling, interactive behavior, and leveraging experimental APIs like Toolpad's PageContainer for enhanced dashboard layouts.
[React Grid component](https://llms.mui.com/material-ui/7.1.0/components/grid.md): LLM should read this page when explaining or implementing responsive layout grids using Material-UI's React `Grid` component. This document is useful for tasks involving grid configuration with breakpoints, spacing, auto-layout, nesting, offsets, and customization of grid behavior. It is especially relevant when guidance is needed on flexible layout design in React apps following Material Design principles, but not for data grids or row-spanning requirements.
[React Card component](https://llms.mui.com/material-ui/7.1.0/components/cards.md): LLM should read this page when it needs to understand how to implement and customize the Material UI Card component in React applications. It is useful for scenarios involving displaying grouped content and actions related to a single topic, handling complex interactive cards, media integration, and managing card action areas. The document is especially relevant for developers looking for examples on basic usage, advanced interactions, media handling, and customization of card behaviors and styles.
[React Box](https://llms.mui.com/material-ui/7.1.0/components/box.md): LLM should read this page when explaining the usage and customization of the Material UI Box component in React applications. This includes guidance on creating generic, theme-aware containers, usage of the `sx` prop for styling, and understanding the component's purpose compared to other layout components. It is particularly useful when demonstrating basic setup, component customization, and best practices for styling with Material UI System.
[React Avatar component](https://llms.mui.com/material-ui/7.1.0/components/avatars.md): LLM should read this page when explaining or implementing React Avatar components from Material-UI, including image avatars, letter-based avatars, icon avatars, and avatar groups. It is useful for guiding on customization options like sizing, variants, fallback behavior, badges, spacing, and avatar upload handling. This document is specifically valuable for scenarios involving avatar display in user interfaces and managing avatar grouping with advanced customization features.
[React Checkbox component](https://llms.mui.com/material-ui/7.1.0/components/checkboxes.md): LLM should read this page when explaining or implementing React Checkbox components using Material-UI, including usage, customization, controlled states, and accessibility best practices. It is useful for addressing checkbox features such as labels, sizes, colors, icons, indeterminate states, grouped controls, and custom styling. This document aids in guidance for selecting appropriate controls for user options and ensuring ARIA compliance.
[Bottom Navigation React component](https://llms.mui.com/material-ui/7.1.0/components/bottom-navigation.md): LLM should read this page when providing guidance or code examples for implementing the Bottom Navigation React component from Material-UI. It is useful for scenarios involving primary app navigation with 3 to 5 destinations, handling labels display based on the number of actions, fixed positioning of the navigation bar, and integrating with client-side routing. The document also includes practical examples and best practices specific to labels, icons, and navigation behavior.
[React Button component](https://llms.mui.com/material-ui/7.1.0/components/buttons.md): LLM should read this page when needing guidance on implementing and customizing React button components using Material-UI. It is useful for understanding various button types (text, contained, outlined, icon), handling loading states, event handling, sizing, colors, and integrating buttons with icons, badges, or file upload features. It also covers advanced usage like using ButtonBase for custom interactions, accessibility considerations, and addressing common issues like disabled button cursors and loading state best practices.
[React Badge component](https://llms.mui.com/material-ui/7.1.0/components/badges.md): LLM should read this page when it needs to provide guidance or code examples on how to implement, customize, and configure the React Badge component from Material-UI. It is particularly useful for explaining badge appearance, behavior (e.g., visibility, max value, dot variant), positioning (overlap and alignment), and accessibility considerations. The document details practical usage patterns, customization techniques, and API props essential for developers working with badges in a React application.
[Backdrop React Component](https://llms.mui.com/material-ui/7.1.0/components/backdrop.md): LLM should read this page when explaining or implementing the Backdrop component from Material-UI in React applications. It is useful for scenarios involving overlay interfaces that direct user focus, such as loaders or modal dialogs. The document includes example code demonstrating basic usage, making it valuable for coding guidance and best practices related to Backdrop.
[React Button Group component](https://llms.mui.com/material-ui/7.1.0/components/button-group.md): LLM should read this page when generating or assisting with React UI code involving grouping multiple buttons using Material-UI's ButtonGroup component. It is particularly useful for understanding how to implement basic groupings, customize button variants, sizes, colors, orientations, and build advanced features like split buttons and loading states. This document also covers controlling appearance and behavior with relevant props such as `orientation`, `disableElevation`, and managing button interaction states.
[App Bar React component](https://llms.mui.com/material-ui/7.1.0/components/app-bar.md): LLM should read this page when assisting with implementing or customizing Material-UI App Bar components in React applications, including various types such as basic, responsive, searchable, and fixed app bars. It is useful for providing code examples and guidance on app bar behavior with scrolling, theming (including dark mode), placement, and integration of menus, drawers, and action items. LLM can also refer to this document for advanced use cases like elevation on scroll, hiding behavior, and dashboard layout integration using experimental APIs.
[React Alert component](https://llms.mui.com/material-ui/7.1.0/components/alert.md): LLM should read this page when assisting with implementing or customizing the Material UI React Alert component for displaying brief, non-intrusive notifications. It is useful for explaining the severity levels, variants, and appearance options, as well as how to add actions, icons, titles, and transitions. This document is also essential for addressing accessibility concerns and distinguishing Alerts from interruptive alert dialogs in React applications.
[React Accordion component](https://llms.mui.com/material-ui/7.1.0/components/accordion.md): LLM should read this page when assisting with the implementation, customization, or accessibility of Material UI's React Accordion component and its related subcomponents. This includes guidance on usage patterns like controlled/uncontrolled states, customizing expand icons, setting default expanded panels, transitions, disabling interaction, and performance considerations. The document is especially useful for developers seeking example code, WAI-ARIA compliance details, and advanced customization like styling or restricting expansion to a single panel.
[React Autocomplete component](https://llms.mui.com/material-ui/7.1.0/components/autocomplete.md): LLM should read this page when assisting with implementing or customizing the Material-UI React Autocomplete component. It is useful for scenarios involving single or multiple selection inputs with predefined or free-form options, including controlled state management, asynchronous loading, grouping, and advanced features like custom filtering, rendering, and integration with APIs like Google Maps Places. The document also covers accessibility best practices, performance optimization via virtualization, and customization via hooks or theming.
[Material Icons](https://llms.mui.com/material-ui/7.1.0/components/material-icons.md): LLM should read this page when assisting with selecting, searching, or implementing Material UI icons in React projects. It is useful for understanding the installation process, usage of over 2,100 official Material Icons as SvgIcon components, and how to filter icons by style or synonyms. Additionally, it is helpful for generating import statements and exploring icon themes and related accessibility features in Material UI.

## Component APIs

[AccordionActions](https://llms.mui.com/material-ui/7.1.0/api/accordion-actions.md): LLM should read this page when specific props, class names, apis, import details for AccordionActions are needed.
[AccordionSummary](https://llms.mui.com/material-ui/7.1.0/api/accordion-summary.md): LLM should read this page when specific props, class names, apis, import details for AccordionSummary are needed.
[AccordionDetails](https://llms.mui.com/material-ui/7.1.0/api/accordion-details.md): LLM should read this page when specific props, class names, apis, import details for AccordionDetails are needed.
[Accordion](https://llms.mui.com/material-ui/7.1.0/api/accordion.md): LLM should read this page when specific props, class names, apis, import details for Accordion are needed.
[AppBar](https://llms.mui.com/material-ui/7.1.0/api/app-bar.md): LLM should read this page when specific props, class names, apis, import details for AppBar are needed.
[Alert](https://llms.mui.com/material-ui/7.1.0/api/alert.md): LLM should read this page when specific props, class names, apis, import details for Alert are needed.
[Autocomplete](https://llms.mui.com/material-ui/7.1.0/api/autocomplete.md): LLM should read this page when specific props, class names, apis, import details for Autocomplete are needed.
[Backdrop](https://llms.mui.com/material-ui/7.1.0/api/backdrop.md): LLM should read this page when specific props, class names, apis, import details for Backdrop are needed.
[Badge](https://llms.mui.com/material-ui/7.1.0/api/badge.md): LLM should read this page when specific props, class names, apis, import details for Badge are needed.
[Avatar](https://llms.mui.com/material-ui/7.1.0/api/avatar.md): LLM should read this page when specific props, class names, apis, import details for Avatar are needed.
[AvatarGroup](https://llms.mui.com/material-ui/7.1.0/api/avatar-group.md): LLM should read this page when specific props, class names, apis, import details for AvatarGroup are needed.
[BottomNavigationAction](https://llms.mui.com/material-ui/7.1.0/api/bottom-navigation-action.md): LLM should read this page when specific props, class names, apis, import details for BottomNavigationAction are needed.
[Box](https://llms.mui.com/material-ui/7.1.0/api/box.md): LLM should read this page when specific props, class names, apis, import details for Box are needed.
[ButtonBase](https://llms.mui.com/material-ui/7.1.0/api/button-base.md): LLM should read this page when specific props, class names, apis, import details for ButtonBase are needed.
[ButtonGroup](https://llms.mui.com/material-ui/7.1.0/api/button-group.md): LLM should read this page when specific props, class names, apis, import details for ButtonGroup are needed.
[AlertTitle](https://llms.mui.com/material-ui/7.1.0/api/alert-title.md): LLM should read this page when specific props, class names, apis, import details for AlertTitle are needed.
[BottomNavigation](https://llms.mui.com/material-ui/7.1.0/api/bottom-navigation.md): LLM should read this page when specific props, class names, apis, import details for BottomNavigation are needed.
[Breadcrumbs](https://llms.mui.com/material-ui/7.1.0/api/breadcrumbs.md): LLM should read this page when specific props, class names, apis, import details for Breadcrumbs are needed.
[Button](https://llms.mui.com/material-ui/7.1.0/api/button.md): LLM should read this page when specific props, class names, apis, import details for Button are needed.
[CardActionArea](https://llms.mui.com/material-ui/7.1.0/api/card-action-area.md): LLM should read this page when specific props, class names, apis, import details for CardActionArea are needed.
[CardActions](https://llms.mui.com/material-ui/7.1.0/api/card-actions.md): LLM should read this page when specific props, class names, apis, import details for CardActions are needed.
[CardMedia](https://llms.mui.com/material-ui/7.1.0/api/card-media.md): LLM should read this page when specific props, class names, apis, import details for CardMedia are needed.
[CardHeader](https://llms.mui.com/material-ui/7.1.0/api/card-header.md): LLM should read this page when specific props, class names, apis, import details for CardHeader are needed.
[CardContent](https://llms.mui.com/material-ui/7.1.0/api/card-content.md): LLM should read this page when specific props, class names, apis, import details for CardContent are needed.
[Card](https://llms.mui.com/material-ui/7.1.0/api/card.md): LLM should read this page when specific props, class names, apis, import details for Card are needed.
[Checkbox](https://llms.mui.com/material-ui/7.1.0/api/checkbox.md): LLM should read this page when specific props, class names, apis, import details for Checkbox are needed.
[CircularProgress](https://llms.mui.com/material-ui/7.1.0/api/circular-progress.md): LLM should read this page when specific props, class names, apis, import details for CircularProgress are needed.
[Chip](https://llms.mui.com/material-ui/7.1.0/api/chip.md): LLM should read this page when specific props, class names, apis, import details for Chip are needed.
[ClickAwayListener](https://llms.mui.com/material-ui/7.1.0/api/click-away-listener.md): LLM should read this page when specific props, class names, apis, import details for ClickAwayListener are needed.
[Collapse](https://llms.mui.com/material-ui/7.1.0/api/collapse.md): LLM should read this page when specific props, class names, apis, import details for Collapse are needed.
[Container](https://llms.mui.com/material-ui/7.1.0/api/container.md): LLM should read this page when specific props, class names, apis, import details for Container are needed.
[CssBaseline](https://llms.mui.com/material-ui/7.1.0/api/css-baseline.md): LLM should read this page when specific props, class names, apis, import details for CssBaseline are needed.
[DialogActions](https://llms.mui.com/material-ui/7.1.0/api/dialog-actions.md): LLM should read this page when specific props, class names, apis, import details for DialogActions are needed.
[DialogContentText](https://llms.mui.com/material-ui/7.1.0/api/dialog-content-text.md): LLM should read this page when specific props, class names, apis, import details for DialogContentText are needed.
[DialogContent](https://llms.mui.com/material-ui/7.1.0/api/dialog-content.md): LLM should read this page when specific props, class names, apis, import details for DialogContent are needed.
[DialogTitle](https://llms.mui.com/material-ui/7.1.0/api/dialog-title.md): LLM should read this page when specific props, class names, apis, import details for DialogTitle are needed.
[Dialog](https://llms.mui.com/material-ui/7.1.0/api/dialog.md): LLM should read this page when specific props, class names, apis, import details for Dialog are needed.
[Drawer](https://llms.mui.com/material-ui/7.1.0/api/drawer.md): LLM should read this page when specific props, class names, apis, import details for Drawer are needed.
[Divider](https://llms.mui.com/material-ui/7.1.0/api/divider.md): LLM should read this page when specific props, class names, apis, import details for Divider are needed.
[Fab](https://llms.mui.com/material-ui/7.1.0/api/fab.md): LLM should read this page when specific props, class names, apis, import details for Fab are needed.
[Fade](https://llms.mui.com/material-ui/7.1.0/api/fade.md): LLM should read this page when specific props, class names, apis, import details for Fade are needed.
[FilledInput](https://llms.mui.com/material-ui/7.1.0/api/filled-input.md): LLM should read this page when specific props, class names, apis, import details for FilledInput are needed.
[FormControlLabel](https://llms.mui.com/material-ui/7.1.0/api/form-control-label.md): LLM should read this page when specific props, class names, apis, import details for FormControlLabel are needed.
[FormControl](https://llms.mui.com/material-ui/7.1.0/api/form-control.md): LLM should read this page when specific props, class names, apis, import details for FormControl are needed.
[FormGroup](https://llms.mui.com/material-ui/7.1.0/api/form-group.md): LLM should read this page when specific props, class names, apis, import details for FormGroup are needed.
[GlobalStyles](https://llms.mui.com/material-ui/7.1.0/api/global-styles.md): LLM should read this page when specific props, class names, apis, import details for GlobalStyles are needed.
[FormHelperText](https://llms.mui.com/material-ui/7.1.0/api/form-helper-text.md): LLM should read this page when specific props, class names, apis, import details for FormHelperText are needed.
[FormLabel](https://llms.mui.com/material-ui/7.1.0/api/form-label.md): LLM should read this page when specific props, class names, apis, import details for FormLabel are needed.
[Grid](https://llms.mui.com/material-ui/7.1.0/api/grid.md): LLM should read this page when specific props, class names, apis, import details for Grid are needed.
[IconButton](https://llms.mui.com/material-ui/7.1.0/api/icon-button.md): LLM should read this page when specific props, class names, apis, import details for IconButton are needed.
[ImageListItemBar](https://llms.mui.com/material-ui/7.1.0/api/image-list-item-bar.md): LLM should read this page when specific props, class names, apis, import details for ImageListItemBar are needed.
[GridLegacy](https://llms.mui.com/material-ui/7.1.0/api/grid-legacy.md): LLM should read this page when specific props, class names, apis, import details for GridLegacy are needed.
[Icon](https://llms.mui.com/material-ui/7.1.0/api/icon.md): LLM should read this page when specific props, class names, apis, import details for Icon are needed.
[ImageListItem](https://llms.mui.com/material-ui/7.1.0/api/image-list-item.md): LLM should read this page when specific props, class names, apis, import details for ImageListItem are needed.
[Grow](https://llms.mui.com/material-ui/7.1.0/api/grow.md): LLM should read this page when specific props, class names, apis, import details for Grow are needed.
[InputAdornment](https://llms.mui.com/material-ui/7.1.0/api/input-adornment.md): LLM should read this page when specific props, class names, apis, import details for InputAdornment are needed.
[ImageList](https://llms.mui.com/material-ui/7.1.0/api/image-list.md): LLM should read this page when specific props, class names, apis, import details for ImageList are needed.
[InputBase](https://llms.mui.com/material-ui/7.1.0/api/input-base.md): LLM should read this page when specific props, class names, apis, import details for InputBase are needed.
[InputLabel](https://llms.mui.com/material-ui/7.1.0/api/input-label.md): LLM should read this page when specific props, class names, apis, import details for InputLabel are needed.
[InitColorSchemeScript](https://llms.mui.com/material-ui/7.1.0/api/init-color-scheme-script.md): LLM should read this page when specific props, class names, apis, import details for InitColorSchemeScript are needed.
[Input](https://llms.mui.com/material-ui/7.1.0/api/input.md): LLM should read this page when specific props, class names, apis, import details for Input are needed.
[ListItemAvatar](https://llms.mui.com/material-ui/7.1.0/api/list-item-avatar.md): LLM should read this page when specific props, class names, apis, import details for ListItemAvatar are needed.
[Link](https://llms.mui.com/material-ui/7.1.0/api/link.md): LLM should read this page when specific props, class names, apis, import details for Link are needed.
[ListItemButton](https://llms.mui.com/material-ui/7.1.0/api/list-item-button.md): LLM should read this page when specific props, class names, apis, import details for ListItemButton are needed.
[ListItemSecondaryAction](https://llms.mui.com/material-ui/7.1.0/api/list-item-secondary-action.md): LLM should read this page when specific props, class names, apis, import details for ListItemSecondaryAction are needed.
[ListItemIcon](https://llms.mui.com/material-ui/7.1.0/api/list-item-icon.md): LLM should read this page when specific props, class names, apis, import details for ListItemIcon are needed.
[ListItem](https://llms.mui.com/material-ui/7.1.0/api/list-item.md): LLM should read this page when specific props, class names, apis, import details for ListItem are needed.
[Masonry](https://llms.mui.com/material-ui/7.1.0/api/masonry.md): LLM should read this page when specific props, class names, apis, import details for Masonry are needed.
[ListSubheader](https://llms.mui.com/material-ui/7.1.0/api/list-subheader.md): LLM should read this page when specific props, class names, apis, import details for ListSubheader are needed.
[ListItemText](https://llms.mui.com/material-ui/7.1.0/api/list-item-text.md): LLM should read this page when specific props, class names, apis, import details for ListItemText are needed.
[List](https://llms.mui.com/material-ui/7.1.0/api/list.md): LLM should read this page when specific props, class names, apis, import details for List are needed.
[Menu](https://llms.mui.com/material-ui/7.1.0/api/menu.md): LLM should read this page when specific props, class names, apis, import details for Menu are needed.
[Modal](https://llms.mui.com/material-ui/7.1.0/api/modal.md): LLM should read this page when specific props, class names, apis, import details for Modal are needed.
[MenuItem](https://llms.mui.com/material-ui/7.1.0/api/menu-item.md): LLM should read this page when specific props, class names, apis, import details for MenuItem are needed.
[NoSsr](https://llms.mui.com/material-ui/7.1.0/api/no-ssr.md): LLM should read this page when specific props, class names, apis, import details for NoSsr are needed.
[MobileStepper](https://llms.mui.com/material-ui/7.1.0/api/mobile-stepper.md): LLM should read this page when specific props, class names, apis, import details for MobileStepper are needed.
[NativeSelect](https://llms.mui.com/material-ui/7.1.0/api/native-select.md): LLM should read this page when specific props, class names, apis, import details for NativeSelect are needed.
[PaginationItem](https://llms.mui.com/material-ui/7.1.0/api/pagination-item.md): LLM should read this page when specific props, class names, apis, import details for PaginationItem are needed.
[OutlinedInput](https://llms.mui.com/material-ui/7.1.0/api/outlined-input.md): LLM should read this page when specific props, class names, apis, import details for OutlinedInput are needed.
[Pagination](https://llms.mui.com/material-ui/7.1.0/api/pagination.md): LLM should read this page when specific props, class names, apis, import details for Pagination are needed.
[Paper](https://llms.mui.com/material-ui/7.1.0/api/paper.md): LLM should read this page when specific props, class names, apis, import details for Paper are needed.
[PigmentContainer](https://llms.mui.com/material-ui/7.1.0/api/pigment-container.md): LLM should read this page when specific props, class names, apis, import details for PigmentContainer are needed.
[PigmentGrid](https://llms.mui.com/material-ui/7.1.0/api/pigment-grid.md): LLM should read this page when specific props, class names, apis, import details for PigmentGrid are needed.
[PigmentStack](https://llms.mui.com/material-ui/7.1.0/api/pigment-stack.md): LLM should read this page when specific props, class names, apis, import details for PigmentStack are needed.
[Portal](https://llms.mui.com/material-ui/7.1.0/api/portal.md): LLM should read this page when specific props, class names, apis, import details for Portal are needed.
[Popover](https://llms.mui.com/material-ui/7.1.0/api/popover.md): LLM should read this page when specific props, class names, apis, import details for Popover are needed.
[LinearProgress](https://llms.mui.com/material-ui/7.1.0/api/linear-progress.md): LLM should read this page when specific props, class names, apis, import details for LinearProgress are needed.
[ScopedCssBaseline](https://llms.mui.com/material-ui/7.1.0/api/scoped-css-baseline.md): LLM should read this page when specific props, class names, apis, import details for ScopedCssBaseline are needed.
[Popper](https://llms.mui.com/material-ui/7.1.0/api/popper.md): LLM should read this page when specific props, class names, apis, import details for Popper are needed.
[Rating](https://llms.mui.com/material-ui/7.1.0/api/rating.md): LLM should read this page when specific props, class names, apis, import details for Rating are needed.
[RadioGroup](https://llms.mui.com/material-ui/7.1.0/api/radio-group.md): LLM should read this page when specific props, class names, apis, import details for RadioGroup are needed.
[Select](https://llms.mui.com/material-ui/7.1.0/api/select.md): LLM should read this page when specific props, class names, apis, import details for Select are needed.
[Slide](https://llms.mui.com/material-ui/7.1.0/api/slide.md): LLM should read this page when specific props, class names, apis, import details for Slide are needed.
[Radio](https://llms.mui.com/material-ui/7.1.0/api/radio.md): LLM should read this page when specific props, class names, apis, import details for Radio are needed.
[Skeleton](https://llms.mui.com/material-ui/7.1.0/api/skeleton.md): LLM should read this page when specific props, class names, apis, import details for Skeleton are needed.
[Snackbar](https://llms.mui.com/material-ui/7.1.0/api/snackbar.md): LLM should read this page when specific props, class names, apis, import details for Snackbar are needed.
[SnackbarContent](https://llms.mui.com/material-ui/7.1.0/api/snackbar-content.md): LLM should read this page when specific props, class names, apis, import details for SnackbarContent are needed.
[Slider](https://llms.mui.com/material-ui/7.1.0/api/slider.md): LLM should read this page when specific props, class names, apis, import details for Slider are needed.
[MenuList](https://llms.mui.com/material-ui/7.1.0/api/menu-list.md): LLM should read this page when specific props, class names, apis, import details for MenuList are needed.
[SpeedDialIcon](https://llms.mui.com/material-ui/7.1.0/api/speed-dial-icon.md): LLM should read this page when specific props, class names, apis, import details for SpeedDialIcon are needed.
[SpeedDial](https://llms.mui.com/material-ui/7.1.0/api/speed-dial.md): LLM should read this page when specific props, class names, apis, import details for SpeedDial are needed.
[SpeedDialAction](https://llms.mui.com/material-ui/7.1.0/api/speed-dial-action.md): LLM should read this page when specific props, class names, apis, import details for SpeedDialAction are needed.
[Stack](https://llms.mui.com/material-ui/7.1.0/api/stack.md): LLM should read this page when specific props, class names, apis, import details for Stack are needed.
[StepConnector](https://llms.mui.com/material-ui/7.1.0/api/step-connector.md): LLM should read this page when specific props, class names, apis, import details for StepConnector are needed.
[StepButton](https://llms.mui.com/material-ui/7.1.0/api/step-button.md): LLM should read this page when specific props, class names, apis, import details for StepButton are needed.
[StepContent](https://llms.mui.com/material-ui/7.1.0/api/step-content.md): LLM should read this page when specific props, class names, apis, import details for StepContent are needed.
[StepIcon](https://llms.mui.com/material-ui/7.1.0/api/step-icon.md): LLM should read this page when specific props, class names, apis, import details for StepIcon are needed.
[StepLabel](https://llms.mui.com/material-ui/7.1.0/api/step-label.md): LLM should read this page when specific props, class names, apis, import details for StepLabel are needed.
[Stepper](https://llms.mui.com/material-ui/7.1.0/api/stepper.md): LLM should read this page when specific props, class names, apis, import details for Stepper are needed.
[Step](https://llms.mui.com/material-ui/7.1.0/api/step.md): LLM should read this page when specific props, class names, apis, import details for Step are needed.
[SvgIcon](https://llms.mui.com/material-ui/7.1.0/api/svg-icon.md): LLM should read this page when specific props, class names, apis, import details for SvgIcon are needed.
[SwipeableDrawer](https://llms.mui.com/material-ui/7.1.0/api/swipeable-drawer.md): LLM should read this page when specific props, class names, apis, import details for SwipeableDrawer are needed.
[TabContext](https://llms.mui.com/material-ui/7.1.0/api/tab-context.md): LLM should read this page when specific props, class names, apis, import details for TabContext are needed.
[TabScrollButton](https://llms.mui.com/material-ui/7.1.0/api/tab-scroll-button.md): LLM should read this page when specific props, class names, apis, import details for TabScrollButton are needed.
[Tab](https://llms.mui.com/material-ui/7.1.0/api/tab.md): LLM should read this page when specific props, class names, apis, import details for Tab are needed.
[TabPanel](https://llms.mui.com/material-ui/7.1.0/api/tab-panel.md): LLM should read this page when specific props, class names, apis, import details for TabPanel are needed.
[TabList](https://llms.mui.com/material-ui/7.1.0/api/tab-list.md): LLM should read this page when specific props, class names, apis, import details for TabList are needed.
[TableFooter](https://llms.mui.com/material-ui/7.1.0/api/table-footer.md): LLM should read this page when specific props, class names, apis, import details for TableFooter are needed.
[TableBody](https://llms.mui.com/material-ui/7.1.0/api/table-body.md): LLM should read this page when specific props, class names, apis, import details for TableBody are needed.
[TableContainer](https://llms.mui.com/material-ui/7.1.0/api/table-container.md): LLM should read this page when specific props, class names, apis, import details for TableContainer are needed.
[Switch](https://llms.mui.com/material-ui/7.1.0/api/switch.md): LLM should read this page when specific props, class names, apis, import details for Switch are needed.
[TableCell](https://llms.mui.com/material-ui/7.1.0/api/table-cell.md): LLM should read this page when specific props, class names, apis, import details for TableCell are needed.
[TableHead](https://llms.mui.com/material-ui/7.1.0/api/table-head.md): LLM should read this page when specific props, class names, apis, import details for TableHead are needed.
[TableRow](https://llms.mui.com/material-ui/7.1.0/api/table-row.md): LLM should read this page when specific props, class names, apis, import details for TableRow are needed.
[Table](https://llms.mui.com/material-ui/7.1.0/api/table.md): LLM should read this page when specific props, class names, apis, import details for Table are needed.
[TextareaAutosize](https://llms.mui.com/material-ui/7.1.0/api/textarea-autosize.md): LLM should read this page when specific props, class names, apis, import details for TextareaAutosize are needed.
[TablePagination](https://llms.mui.com/material-ui/7.1.0/api/table-pagination.md): LLM should read this page when specific props, class names, apis, import details for TablePagination are needed.
[Tabs](https://llms.mui.com/material-ui/7.1.0/api/tabs.md): LLM should read this page when specific props, class names, apis, import details for Tabs are needed.
[TimelineConnector](https://llms.mui.com/material-ui/7.1.0/api/timeline-connector.md): LLM should read this page when specific props, class names, apis, import details for TimelineConnector are needed.
[TextField](https://llms.mui.com/material-ui/7.1.0/api/text-field.md): LLM should read this page when specific props, class names, apis, import details for TextField are needed.
[TimelineItem](https://llms.mui.com/material-ui/7.1.0/api/timeline-item.md): LLM should read this page when specific props, class names, apis, import details for TimelineItem are needed.
[TimelineContent](https://llms.mui.com/material-ui/7.1.0/api/timeline-content.md): LLM should read this page when specific props, class names, apis, import details for TimelineContent are needed.
[TimelineSeparator](https://llms.mui.com/material-ui/7.1.0/api/timeline-separator.md): LLM should read this page when specific props, class names, apis, import details for TimelineSeparator are needed.
[TimelineOppositeContent](https://llms.mui.com/material-ui/7.1.0/api/timeline-opposite-content.md): LLM should read this page when specific props, class names, apis, import details for TimelineOppositeContent are needed.
[Timeline](https://llms.mui.com/material-ui/7.1.0/api/timeline.md): LLM should read this page when specific props, class names, apis, import details for Timeline are needed.
[TableSortLabel](https://llms.mui.com/material-ui/7.1.0/api/table-sort-label.md): LLM should read this page when specific props, class names, apis, import details for TableSortLabel are needed.
[ToggleButtonGroup](https://llms.mui.com/material-ui/7.1.0/api/toggle-button-group.md): LLM should read this page when specific props, class names, apis, import details for ToggleButtonGroup are needed.
[ToggleButton](https://llms.mui.com/material-ui/7.1.0/api/toggle-button.md): LLM should read this page when specific props, class names, apis, import details for ToggleButton are needed.
[Toolbar](https://llms.mui.com/material-ui/7.1.0/api/toolbar.md): LLM should read this page when specific props, class names, apis, import details for Toolbar are needed.
[Zoom](https://llms.mui.com/material-ui/7.1.0/api/zoom.md): LLM should read this page when specific props, class names, apis, import details for Zoom are needed.
[TimelineDot](https://llms.mui.com/material-ui/7.1.0/api/timeline-dot.md): LLM should read this page when specific props, class names, apis, import details for TimelineDot are needed.
[Typography](https://llms.mui.com/material-ui/7.1.0/api/typography.md): LLM should read this page when specific props, class names, apis, import details for Typography are needed.
[Tooltip](https://llms.mui.com/material-ui/7.1.0/api/tooltip.md): LLM should read this page when specific props, class names, apis, import details for Tooltip are needed.