Material UI

This is the documentation for the Material UI package. It contains comprehensive guides, components, and utilities for building user interfaces.

Components

• App Bar React component: The App Bar displays information and actions relating to the current screen.
• Backdrop React Component: The Backdrop component narrows the user's focus to a particular element on the screen.
• Bottom Navigation React component: The Bottom Navigation bar allows movement between primary destinations in an app.
• Circular, Linear progress React components: Progress indicators commonly known as spinners, express an unspecified wait time or display the length of a process.
• CSS Baseline: The CssBaseline component helps to kickstart an elegant, consistent, and simple baseline to build upon.
• Detect click outside React component: The Click-Away Listener component detects when a click event happens outside of its child element.
• How to customize: Learn how to customize Material UI components by taking advantage of different strategies for specific use cases.
• Image List React component: The Image List displays a collection of images in an organized grid.
• InitColorSchemeScript component: The InitColorSchemeScript component eliminates dark mode flickering in server-side-rendered applications.
• Links: The Link component allows you to easily customize anchor elements with your theme colors and typography styles.
• No SSR React component: The No-SSR component defers the rendering of children components from the server to the client.
• Number field React component: A React component for capturing numeric input from users.
• React Accordion component: The Accordion component lets users show and hide sections of related content on a page.
• React Alert component: Alerts display brief messages for the user without interrupting their use of the app.
• React Autocomplete component: The autocomplete is a normal text input enhanced by a panel of suggested options.
• React Avatar component: Avatars are found throughout material design with uses in everything from tables to dialog menus.
• React Badge component: Badge generates a small badge to the top-right of its child(ren).
• React Box: The Box component is a generic, theme-aware container with access to CSS utilities from MUI System.
• React Breadcrumbs component: A breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors.
• React Button component: Buttons allow users to take actions, and make choices, with a single tap.
• React Button Group component: The ButtonGroup component can be used to group related buttons.
• React Card component: Cards contain content and actions about a single subject.
• React Checkbox component: Checkboxes allow the user to select one or more items from a set.
• React Chip component: Chips are compact elements that represent an input, attribute, or action.
• React Container component: The container centers your content horizontally. It's the most basic layout element.
• React Dialog component: Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
• React Divider component: The Divider component provides a thin, unobtrusive line for grouping elements to reinforce visual hierarchy.
• React Drawer component: The navigation drawers (or "sidebars") provide ergonomic access to destinations in a site or app functionality such as switching accounts.
• React Floating Action Button (FAB) component: A Floating Action Button (FAB) performs the primary, or most common, action on a screen.
• React Grid component: The responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.
• React GridLegacy component: The Material Design responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.
• React Icon Component: Guidance and suggestions for using icons with Material UI.
• React List component: Lists are continuous, vertical indexes of text or images.
• React Masonry component: Masonry lays out contents of varying dimensions as blocks of the same width and different height with configurable gaps.
• React Menu component: Menus display a list of choices on temporary surfaces.
• React Modal component: The modal component provides a solid foundation for creating dialogs, popovers, lightboxes, or whatever else.
• React Pagination component: The Pagination component enables the user to select a specific page from a range of pages.
• React Paper component: The Paper component is a container for displaying content on an elevated surface.
• React Popover component: A Popover can be used to display some content on top of another.
• React Popper component: A Popper can be used to display some content on top of another. It's an alternative to react-popper.
• React Portal component: The Portal component lets you render its children into a DOM node that exists outside of the Portal's own DOM hierarchy.
• React Radio Group component: The Radio Group allows the user to select one option from a set.
• React Rating component: Ratings provide insight regarding others' opinions and experiences, and can allow the user to submit a rating of their own.
• React Select component: Select components are used for collecting user provided information from a list of options.
• React Skeleton component: Display a placeholder preview of your content before the data gets loaded to reduce load-time frustration.
• React Slider component: Sliders allow users to make selections from a range of values.
• [React Snackbar component](https://mui.com/material-ui/react-snac