Ir al contenido
angel.library

Material UI (MUI)

Paquetes React - Material UI

Categoría de recurso
Documentación del paquete
Abrir el recurso Repositorio

La opción más “enterprise” del ecosistema React: componentes maduros, tablas y date pickers avanzados en @mui/x (parte de pago), y años de estabilidad.

Instalación

Sección titulada «Instalación»
Ventana de terminal
pnpm add @mui/material @emotion/react @emotion/styled

Configuración inicial

Sección titulada «Configuración inicial»

Fuente Roboto e iconos son paquetes aparte:

Ventana de terminal
pnpm add @fontsource/roboto @mui/icons-material

Theming opcional con ThemeProvider:

main.tsx
import { ThemeProvider, createTheme } from "@mui/material/styles"


const theme = createTheme({ palette: { mode: "dark" } })


;<ThemeProvider theme={theme}>
  <App />
</ThemeProvider>

Tips

Sección titulada «Tips»
  • Si el proyecto ya usa Tailwind, hay conflictos de reset CSS (preflight) que suele haber que desactivar para uno de los dos.
  • Base UI (del mismo equipo) es la alternativa sin estilos de Material Design, para theming completamente propio.