muiMaterialPage: HTML body without Bootstrap and margins

In muiMaterial: 'Material UI' for 'shiny' Apps and 'Quarto'

HTML body without Bootstrap and margins

Description

Creates a Material UI page without Bootstrap and with 0 margin in body by default. You can choose to use Google Roboto font as well as Google icons fonts with the 'Icon()' component.

Usage

muiMaterialPage(
  ...,
  useFontRoboto = FALSE,
  useMaterialIconsFilled = FALSE,
  useMaterialIconsOutlined = FALSE,
  useMaterialIconsRounded = FALSE,
  useMaterialIconsTwoTones = FALSE,
  suppressBootstrap = TRUE,
  styleBody = "margin:0",
  debugReact = FALSE
)

Arguments

...	The contents of the document body.
useFontRoboto	Use Google Roboto font CDN in head, FALSE by default.
useMaterialIconsFilled	Use Google icons CDN in head to use 'Icon()' component, FALSE by default.
useMaterialIconsOutlined	Use Google icons CDN in head to use 'Icon()' component, FALSE by default.
useMaterialIconsRounded	Use Google icons CDN in head to use 'Icon()' component, FALSE by default.
useMaterialIconsTwoTones	Use Google icons CDN in head to use 'Icon()' component, FALSE by default.
suppressBootstrap	Whether to suppress Bootstrap. TRUE by default.
styleBody	CSS style in body, using 'margin:0' by default.
debugReact	Whether to enable react debug mode. FALSE by default.

Details

The Bootstrap library is suppressed by default, as it doesn't work well with Material UI in general. The full set of available Material Icon names is at <https://fonts.google.com/icons?icon.set=Material+Icons>.

Value

html object with 'margin:0' which can be passed as the UI of a Shiny app.

Examples

library(shiny)
library(muiMaterial)

ui <- muiMaterialPage(
  useFontRoboto = TRUE,
  useMaterialIconsFilled = TRUE,
  Box(
    sx = list(p = 2),
    Typography("Hello Material UI!", variant = "h4"),
    Icon("home")
  )
)

shinyApp(ui, function(input, output, session) {})

muiMaterial documentation built on July 4, 2026, 1:06 a.m.