Yahoo India Web Search

Search results

  1. mui.com › material-ui › material-iconsMaterial Icons - MUI

    @mui/icons-material includes the 2,100+ official Material Icons converted to SvgIcon components. It depends on @mui/material, which requires Emotion packages. Use one of the following commands to install it:

  2. Guidance and suggestions for using icons with Material UI. Material UI provides icon support in three ways: With Material Icons exported as React components (SVG icons). With the SvgIcon component, a React wrapper for custom SVG icons. With the Icon component, a React wrapper for custom font icons.

  3. MUI provides icons support in three ways: Standardized Material Design icons exported as React components (SVG icons). With the SvgIcon component, a React wrapper for custom SVG icons. With the Icon component, a React wrapper for custom font icons.

  4. Icons. To use the font Icon component or the prebuilt SVG Material Icons (such as those found in the icon demos), you must first install the Material Icons font. You can do so with npm, or with the Google Web Fonts CDN.

  5. API. API reference docs for the React Icon component. Learn about the props, CSS, and other APIs of this exported module.

  6. Material Icons. 1,100+ React Material icons ready to use from the official website. The following npm package, @material-ui/icons, includes the 1,100+ official Material icons converted to SvgIcon components.

  7. API reference docs for the React SvgIcon component. Learn about the props, CSS, and other APIs of this exported module.

  8. MUI offers a comprehensive suite of free UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

  9. import IconButton from '@mui/material/IconButton'; // or import { IconButton } from '@mui/material'; Learn about the difference by reading this guide on minimizing bundle size. Refer to the Icons section of the documentation regarding the available icon options.

  10. TextField is composed of smaller components ( FormControl, Input, FilledInput, InputLabel, OutlinedInput, and FormHelperText ) that you can leverage directly to significantly customize your form inputs. You might also have noticed that some native HTML input properties are missing from the TextField component.