website·Indexed 42 days ago
https://v3.mui.com/Documentation for MUI v3, featuring the @material-ui/system package, layout components like Grid and Breakpoints, and lab components including Speed Dial, Toggle Button, and Slider. Includes guides on customization, default themes, and migration from v0.x.
withStyles higher-order component to inject styles into the DOM.The Popper component is used to display content on top of another element. It is a simplified alternative to react-popper and relies on the Popper.js library for positioning. Key characteristics include:
Portal to the document body by default to avoid CSS clipping/rendering issues (can be disabled via disablePortal).Popover component, Popper does not block scrolling or click-away events.anchorEl prop is used as the reference object for the Popper.js instance.Badge component is used to display a small badge (typically a count or a dot) relative to a child node. It supports different colors, variants (standard or dot), and visibility controls.import Badge from '@material-ui/core/Badge';style prop for inline styling. Inline styles are applied to the root element and take precedence over regular CSS, meaning you do not need to worry about CSS specificity when using this approach.Select component to collect user-provided information from a list of options. The menu is positioned over the emitting element so that the currently selected item appears on top of the element.BottomNavigationAction component is used as an individual item within a BottomNavigation container. It supports custom icons, labels, and values. Any properties not explicitly handled by BottomNavigationAction are spread to the root ButtonBase element.import BottomNavigationAction from '@material-ui/core/BottomNavigationAction';ListItem component is used to create individual items within a list. If a ListItemSecondaryAction is used as the last child, the component automatically wraps itself in an additional container component.import ListItem from '@material-ui/core/ListItem';BottomNavigation component provides a container for bottom navigation actions. It manages the selection state of its children and can be configured to show labels for all actions or only the selected one.import BottomNavigation from '@material-ui/core/BottomNavigation';TableBody component is used to define the body of a table, typically containing TableRow components as children. It renders as a <tbody> element by default.import TableBody from '@material-ui/core/TableBody';FormControlLabel component is a drop-in replacement for Radio, Switch, and Checkbox components when an accompanying text label is required. It wraps the control element and provides a consistent layout for the label.import FormControlLabel from '@material-ui/core/FormControlLabel';Radio component provides a selectable radio button. It supports custom icons for both checked and unchecked states, theme-based coloring, and standard input attributes.import Radio from '@material-ui/core/Radio';Chip component is used to represent complex entities in small blocks, such as a contact. It can be customized with labels, icons, avatars, and different color variants.import Chip from '@material-ui/core/Chip';