# muiMaterial

`muiMaterial` brings [Material
UI](https://mui.com/material-ui/getting-started/), the world’s most
popular React UI framework, to R and Shiny.

## Why muiMaterial?

### Go beyond Bootstrap

If Shiny apps look all the same, it is because most use Bootstrap.
`muiMaterial` replaces it with Material UI’s vast library of components,
giving you fully customized dashboards and websites in R.

Launch a basic dashboard (live
[here](https://lgnbhl-muimaterial-simple-dashboard.share.connect.posit.cloud)):

``` r
muiMaterial::muiMaterialExample("dashboard-simple")
```

Or the R replica of the official MUI dashboard template (live
[here](https://lgnbhl-muimaterial-mui-template-dashboard.share.connect.posit.cloud/)):

``` r
muiMaterial::muiMaterialExample("mui-template-dashboard")
```

### Built for AI

AI tools like Claude, ChatGPT, or GitHub Copilot have been trained on
enormous amounts of MUI code. Each MUI component maps directly to an R
function: React’s `<Button variant="contained" />` becomes
`Button(variant = "contained")` in R. Just ask an AI to generate MUI
code and adapt it to R. No React or CSS knowledge needed.

Learn more in the [AI-Assisted
Development](https://felixluginbuhl.com/muiMaterial/articles/ai-assisted-development.html)
vignette.

### Works with Quarto

`muiMaterial` is not limited to Shiny. You can also use Material UI
components in [Quarto](https://quarto.org/) documents for rich,
interactive reports and presentations.

### Flexible navigation

Unlike Bootstrap-based packages (`bslib`, `bs4Dash`) that lock you into
predefined layouts, `muiMaterial` lets you structure your app however
you want. Combine it with
[reactRouter](https://felixluginbuhl.com/reactRouter/) to build
multi-page websites with [client-side
routing](https://felixluginbuhl.com/muiMaterial/articles/routing.html).

### Rich ecosystem

Extend functionality with companion R packages:

- [muiTreeView](https://felixluginbuhl.com/muiTreeView/) - Interactive
  tree navigation
- muiDataGrid (COMING SOON) - Professional data tables with filtering,
  sorting, and inline editing
- muiCharts (COMING SOON) - Beautiful, responsive charts
- muiDateTimePickers (COMING SOON) - UI components for selecting dates,
  times, and ranges

## Quick start

Install the stable version from CRAN:

``` r
install.packages("muiMaterial")
```

Or install the development version from GitHub:

``` r
pak::pak("lgnbhl/muiMaterial")
```

``` r
library(shiny)
library(muiMaterial)

ui <- muiMaterialPage(
  CssBaseline(
    Box(
      sx = list(p = 2),
      Typography("Hello Material UI!", variant = "h4")
    )
  )
)

server <- function(input, output, session) {}

shinyApp(ui, server)
```

Use
[`muiMaterialPage()`](https://felixluginbuhl.com/muiMaterial/reference/muiMaterialPage.md)
instead of [`fluidPage()`](https://rdrr.io/pkg/shiny/man/fluidPage.html)
and wrap your UI in
[`CssBaseline()`](https://felixluginbuhl.com/muiMaterial/reference/CssBaseline.md).
Material UI uses its own design system and conflicts with Bootstrap.

For Shiny inputs, server-side rendering, tabs, and styling details, see
the [Getting
Started](https://felixluginbuhl.com/muiMaterial/articles/getting-started.html)
vignette.

Run the showcase to see some Shiny inputs in action:

``` r
muiMaterial::muiMaterialExample("showcase")
```

## Resources

- [Package documentation](https://felixluginbuhl.com/muiMaterial/)
- [Getting Started
  vignette](https://felixluginbuhl.com/muiMaterial/articles/getting-started.html)
- [All R
  examples](https://github.com/lgnbhl/muiMaterial/tree/main/inst/examples)
- [Official Material UI
  docs](https://mui.com/material-ui/getting-started/)

## Contributing

Found a bug or have a feature request? [Open an
issue](https://github.com/lgnbhl/muiMaterial/issues). Pull requests are
welcome.

Follow [Felix Luginbuhl](https://linkedin.com/in/FelixLuginbuhl) on
LinkedIn for updates.

## License

This package is released under the [MIT
License](https://felixluginbuhl.com/muiMaterial/LICENSE).

# Package index

## All functions

- [`Accordion()`](https://felixluginbuhl.com/muiMaterial/reference/Accordion.md)
  : Accordion
- [`AccordionActions()`](https://felixluginbuhl.com/muiMaterial/reference/AccordionActions.md)
  : AccordionActions
- [`AccordionDetails()`](https://felixluginbuhl.com/muiMaterial/reference/AccordionDetails.md)
  : AccordionDetails
- [`AccordionSummary()`](https://felixluginbuhl.com/muiMaterial/reference/AccordionSummary.md)
  : AccordionSummary
- [`Alert()`](https://felixluginbuhl.com/muiMaterial/reference/Alert.md)
  : Alert
- [`AlertTitle()`](https://felixluginbuhl.com/muiMaterial/reference/AlertTitle.md)
  : AlertTitle
- [`AppBar()`](https://felixluginbuhl.com/muiMaterial/reference/AppBar.md)
  : AppBar
- [`Autocomplete()`](https://felixluginbuhl.com/muiMaterial/reference/Autocomplete.md)
  [`Autocomplete.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Autocomplete.md)
  [`updateAutocomplete.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Autocomplete.md)
  : Autocomplete
- [`Avatar()`](https://felixluginbuhl.com/muiMaterial/reference/Avatar.md)
  : Avatar
- [`AvatarGroup()`](https://felixluginbuhl.com/muiMaterial/reference/AvatarGroup.md)
  : AvatarGroup
- [`Backdrop()`](https://felixluginbuhl.com/muiMaterial/reference/Backdrop.md)
  : Backdrop
- [`Badge()`](https://felixluginbuhl.com/muiMaterial/reference/Badge.md)
  : Badge
- [`BottomNavigation()`](https://felixluginbuhl.com/muiMaterial/reference/BottomNavigation.md)
  : BottomNavigation
- [`BottomNavigationAction()`](https://felixluginbuhl.com/muiMaterial/reference/BottomNavigationAction.md)
  : BottomNavigationAction
- [`Box()`](https://felixluginbuhl.com/muiMaterial/reference/Box.md) :
  Box
- [`Breadcrumbs()`](https://felixluginbuhl.com/muiMaterial/reference/Breadcrumbs.md)
  : Breadcrumbs
- [`Button()`](https://felixluginbuhl.com/muiMaterial/reference/Button.md)
  [`Button.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Button.md)
  [`updateButton.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Button.md)
  : Button
- [`ButtonBase()`](https://felixluginbuhl.com/muiMaterial/reference/ButtonBase.md)
  : ButtonBase
- [`ButtonGroup()`](https://felixluginbuhl.com/muiMaterial/reference/ButtonGroup.md)
  : ButtonGroup
- [`Card()`](https://felixluginbuhl.com/muiMaterial/reference/Card.md) :
  Card
- [`CardActionArea()`](https://felixluginbuhl.com/muiMaterial/reference/CardActionArea.md)
  : CardActionArea
- [`CardActions()`](https://felixluginbuhl.com/muiMaterial/reference/CardActions.md)
  : CardActions
- [`CardContent()`](https://felixluginbuhl.com/muiMaterial/reference/CardContent.md)
  : CardContent
- [`CardHeader()`](https://felixluginbuhl.com/muiMaterial/reference/CardHeader.md)
  : CardHeader
- [`CardMedia()`](https://felixluginbuhl.com/muiMaterial/reference/CardMedia.md)
  : CardMedia
- [`Checkbox()`](https://felixluginbuhl.com/muiMaterial/reference/Checkbox.md)
  [`Checkbox.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Checkbox.md)
  [`updateCheckbox.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Checkbox.md)
  : Checkbox
- [`Chip()`](https://felixluginbuhl.com/muiMaterial/reference/Chip.md) :
  Chip
- [`CircularProgress()`](https://felixluginbuhl.com/muiMaterial/reference/CircularProgress.md)
  : CircularProgress
- [`ClickAwayListener()`](https://felixluginbuhl.com/muiMaterial/reference/ClickAwayListener.md)
  : ClickAwayListener
- [`Collapse()`](https://felixluginbuhl.com/muiMaterial/reference/Collapse.md)
  : Collapse
- [`Container()`](https://felixluginbuhl.com/muiMaterial/reference/Container.md)
  : Container
- [`CssBaseline()`](https://felixluginbuhl.com/muiMaterial/reference/CssBaseline.md)
  : CssBaseline
- [`Dialog()`](https://felixluginbuhl.com/muiMaterial/reference/Dialog.md)
  : Dialog
- [`DialogActions()`](https://felixluginbuhl.com/muiMaterial/reference/DialogActions.md)
  : DialogActions
- [`DialogContent()`](https://felixluginbuhl.com/muiMaterial/reference/DialogContent.md)
  : DialogContent
- [`DialogContentText()`](https://felixluginbuhl.com/muiMaterial/reference/DialogContentText.md)
  : DialogContentText
- [`DialogTitle()`](https://felixluginbuhl.com/muiMaterial/reference/DialogTitle.md)
  : DialogTitle
- [`Divider()`](https://felixluginbuhl.com/muiMaterial/reference/Divider.md)
  : Divider
- [`Drawer()`](https://felixluginbuhl.com/muiMaterial/reference/Drawer.md)
  [`Drawer.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Drawer.md)
  [`updateDrawer.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Drawer.md)
  : Drawer
- [`Drawer.triggerId()`](https://felixluginbuhl.com/muiMaterial/reference/Drawer.triggerId.md)
  : Drawer.triggerId
- [`Fab()`](https://felixluginbuhl.com/muiMaterial/reference/Fab.md)
  [`Fab.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Fab.md)
  [`updateFab.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Fab.md)
  : Fab
- [`Fade()`](https://felixluginbuhl.com/muiMaterial/reference/Fade.md) :
  Fade
- [`FilledInput()`](https://felixluginbuhl.com/muiMaterial/reference/FilledInput.md)
  : FilledInput
- [`FormControl()`](https://felixluginbuhl.com/muiMaterial/reference/FormControl.md)
  : FormControl
- [`FormControlLabel()`](https://felixluginbuhl.com/muiMaterial/reference/FormControlLabel.md)
  [`FormControlLabel.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/FormControlLabel.md)
  [`updateFormControlLabel.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/FormControlLabel.md)
  : FormControlLabel
- [`FormGroup()`](https://felixluginbuhl.com/muiMaterial/reference/FormGroup.md)
  : FormGroup
- [`FormHelperText()`](https://felixluginbuhl.com/muiMaterial/reference/FormHelperText.md)
  : FormHelperText
- [`FormLabel()`](https://felixluginbuhl.com/muiMaterial/reference/FormLabel.md)
  : FormLabel
- [`GlobalStyles()`](https://felixluginbuhl.com/muiMaterial/reference/GlobalStyles.md)
  : GlobalStyles
- [`Grid()`](https://felixluginbuhl.com/muiMaterial/reference/Grid.md) :
  Grid
- [`GridLegacy()`](https://felixluginbuhl.com/muiMaterial/reference/GridLegacy.md)
  : GridLegacy
- [`Grow()`](https://felixluginbuhl.com/muiMaterial/reference/Grow.md) :
  Grow
- [`Icon()`](https://felixluginbuhl.com/muiMaterial/reference/Icon.md) :
  Icon
- [`IconButton()`](https://felixluginbuhl.com/muiMaterial/reference/IconButton.md)
  [`IconButton.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/IconButton.md)
  [`updateIconButton.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/IconButton.md)
  : IconButton
- [`ImageList()`](https://felixluginbuhl.com/muiMaterial/reference/ImageList.md)
  : ImageList
- [`ImageListItem()`](https://felixluginbuhl.com/muiMaterial/reference/ImageListItem.md)
  : ImageListItem
- [`ImageListItemBar()`](https://felixluginbuhl.com/muiMaterial/reference/ImageListItemBar.md)
  : ImageListItemBar
- [`Input()`](https://felixluginbuhl.com/muiMaterial/reference/Input.md)
  [`Input.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Input.md)
  [`updateInput.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Input.md)
  : Input
- [`InputAdornment()`](https://felixluginbuhl.com/muiMaterial/reference/InputAdornment.md)
  : InputAdornment
- [`InputBase()`](https://felixluginbuhl.com/muiMaterial/reference/InputBase.md)
  : InputBase
- [`InputLabel()`](https://felixluginbuhl.com/muiMaterial/reference/InputLabel.md)
  : InputLabel
- [`LinearProgress()`](https://felixluginbuhl.com/muiMaterial/reference/LinearProgress.md)
  : LinearProgress
- [`Link()`](https://felixluginbuhl.com/muiMaterial/reference/Link.md) :
  Link
- [`List()`](https://felixluginbuhl.com/muiMaterial/reference/List.md) :
  List
- [`ListItem()`](https://felixluginbuhl.com/muiMaterial/reference/ListItem.md)
  : ListItem
- [`ListItemAvatar()`](https://felixluginbuhl.com/muiMaterial/reference/ListItemAvatar.md)
  : ListItemAvatar
- [`ListItemButton()`](https://felixluginbuhl.com/muiMaterial/reference/ListItemButton.md)
  : ListItemButton
- [`ListItemIcon()`](https://felixluginbuhl.com/muiMaterial/reference/ListItemIcon.md)
  : ListItemIcon
- [`ListItemSecondaryAction()`](https://felixluginbuhl.com/muiMaterial/reference/ListItemSecondaryAction.md)
  : ListItemSecondaryAction
- [`ListItemText()`](https://felixluginbuhl.com/muiMaterial/reference/ListItemText.md)
  : ListItemText
- [`ListSubheader()`](https://felixluginbuhl.com/muiMaterial/reference/ListSubheader.md)
  : ListSubheader
- [`Masonry()`](https://felixluginbuhl.com/muiMaterial/reference/Masonry.md)
  : Masonry
- [`Menu()`](https://felixluginbuhl.com/muiMaterial/reference/Menu.md)
  [`Menu.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Menu.md)
  [`updateMenu.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Menu.md)
  : Menu
- [`Menu.triggerId()`](https://felixluginbuhl.com/muiMaterial/reference/Menu.triggerId.md)
  : Menu.triggerId
- [`MenuItem()`](https://felixluginbuhl.com/muiMaterial/reference/MenuItem.md)
  : MenuItem
- [`MenuList()`](https://felixluginbuhl.com/muiMaterial/reference/MenuList.md)
  : MenuList
- [`MobileStepper()`](https://felixluginbuhl.com/muiMaterial/reference/MobileStepper.md)
  : MobileStepper
- [`Modal()`](https://felixluginbuhl.com/muiMaterial/reference/Modal.md)
  : Modal
- [`NativeSelect()`](https://felixluginbuhl.com/muiMaterial/reference/NativeSelect.md)
  : NativeSelect
- [`NoSsr()`](https://felixluginbuhl.com/muiMaterial/reference/NoSsr.md)
  : NoSsr
- [`OutlinedInput()`](https://felixluginbuhl.com/muiMaterial/reference/OutlinedInput.md)
  [`OutlinedInput.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/OutlinedInput.md)
  [`updateOutlinedInput.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/OutlinedInput.md)
  : OutlinedInput
- [`Pagination()`](https://felixluginbuhl.com/muiMaterial/reference/Pagination.md)
  : Pagination
- [`PaginationItem()`](https://felixluginbuhl.com/muiMaterial/reference/PaginationItem.md)
  : PaginationItem
- [`Paper()`](https://felixluginbuhl.com/muiMaterial/reference/Paper.md)
  : Paper
- [`PigmentContainer()`](https://felixluginbuhl.com/muiMaterial/reference/PigmentContainer.md)
  : PigmentContainer
- [`PigmentGrid()`](https://felixluginbuhl.com/muiMaterial/reference/PigmentGrid.md)
  : PigmentGrid
- [`PigmentStack()`](https://felixluginbuhl.com/muiMaterial/reference/PigmentStack.md)
  : PigmentStack
- [`Popover()`](https://felixluginbuhl.com/muiMaterial/reference/Popover.md)
  : Popover
- [`Popper()`](https://felixluginbuhl.com/muiMaterial/reference/Popper.md)
  : Popper
- [`Portal()`](https://felixluginbuhl.com/muiMaterial/reference/Portal.md)
  : Portal
- [`Radio()`](https://felixluginbuhl.com/muiMaterial/reference/Radio.md)
  [`Radio.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Radio.md)
  [`updateRadio.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Radio.md)
  : Radio
- [`RadioGroup()`](https://felixluginbuhl.com/muiMaterial/reference/RadioGroup.md)
  [`RadioGroup.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/RadioGroup.md)
  [`updateRadioGroup.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/RadioGroup.md)
  : RadioGroup
- [`Rating()`](https://felixluginbuhl.com/muiMaterial/reference/Rating.md)
  [`Rating.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Rating.md)
  [`updateRating.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Rating.md)
  : Rating
- [`ScopedCssBaseline()`](https://felixluginbuhl.com/muiMaterial/reference/ScopedCssBaseline.md)
  : ScopedCssBaseline
- [`Select()`](https://felixluginbuhl.com/muiMaterial/reference/Select.md)
  [`Select.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Select.md)
  [`updateSelect.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Select.md)
  : Select
- [`Skeleton()`](https://felixluginbuhl.com/muiMaterial/reference/Skeleton.md)
  : Skeleton
- [`Slide()`](https://felixluginbuhl.com/muiMaterial/reference/Slide.md)
  : Slide
- [`Slider()`](https://felixluginbuhl.com/muiMaterial/reference/Slider.md)
  [`Slider.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Slider.md)
  [`updateSlider.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Slider.md)
  : Slider
- [`Snackbar()`](https://felixluginbuhl.com/muiMaterial/reference/Snackbar.md)
  : Snackbar
- [`SnackbarContent()`](https://felixluginbuhl.com/muiMaterial/reference/SnackbarContent.md)
  : SnackbarContent
- [`SpeedDial()`](https://felixluginbuhl.com/muiMaterial/reference/SpeedDial.md)
  : SpeedDial
- [`SpeedDialAction()`](https://felixluginbuhl.com/muiMaterial/reference/SpeedDialAction.md)
  : SpeedDialAction
- [`SpeedDialIcon()`](https://felixluginbuhl.com/muiMaterial/reference/SpeedDialIcon.md)
  : SpeedDialIcon
- [`Stack()`](https://felixluginbuhl.com/muiMaterial/reference/Stack.md)
  : Stack
- [`Step()`](https://felixluginbuhl.com/muiMaterial/reference/Step.md) :
  Step
- [`StepButton()`](https://felixluginbuhl.com/muiMaterial/reference/StepButton.md)
  [`StepButton.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/StepButton.md)
  [`updateStepButton.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/StepButton.md)
  : StepButton
- [`StepConnector()`](https://felixluginbuhl.com/muiMaterial/reference/StepConnector.md)
  : StepConnector
- [`StepContent()`](https://felixluginbuhl.com/muiMaterial/reference/StepContent.md)
  : StepContent
- [`StepIcon()`](https://felixluginbuhl.com/muiMaterial/reference/StepIcon.md)
  : StepIcon
- [`StepLabel()`](https://felixluginbuhl.com/muiMaterial/reference/StepLabel.md)
  : StepLabel
- [`Stepper()`](https://felixluginbuhl.com/muiMaterial/reference/Stepper.md)
  : Stepper
- [`SvgIcon()`](https://felixluginbuhl.com/muiMaterial/reference/SvgIcon.md)
  : SvgIcon
- [`SwipeableDrawer()`](https://felixluginbuhl.com/muiMaterial/reference/SwipeableDrawer.md)
  : SwipeableDrawer
- [`SwipeableDrawer.triggerId()`](https://felixluginbuhl.com/muiMaterial/reference/SwipeableDrawer.triggerId.md)
  : SwipeableDrawer.triggerId
- [`Switch()`](https://felixluginbuhl.com/muiMaterial/reference/Switch.md)
  [`Switch.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Switch.md)
  [`updateSwitch.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Switch.md)
  : Switch
- [`Tab()`](https://felixluginbuhl.com/muiMaterial/reference/Tab.md)
  [`Tab.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Tab.md)
  [`updateTab.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Tab.md)
  : Tab
- [`TabContext()`](https://felixluginbuhl.com/muiMaterial/reference/TabContext.md)
  [`TabContext.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/TabContext.md)
  [`updateTabContext.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/TabContext.md)
  : TabContext
- [`TabList()`](https://felixluginbuhl.com/muiMaterial/reference/TabList.md)
  [`TabList.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/TabList.md)
  [`updateTabList.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/TabList.md)
  : TabList
- [`TabPanel()`](https://felixluginbuhl.com/muiMaterial/reference/TabPanel.md)
  [`TabPanel.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/TabPanel.md)
  [`updateTabPanel.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/TabPanel.md)
  : TabPanel
- [`TabScrollButton()`](https://felixluginbuhl.com/muiMaterial/reference/TabScrollButton.md)
  : TabScrollButton
- [`Table()`](https://felixluginbuhl.com/muiMaterial/reference/Table.md)
  : Table
- [`TableBody()`](https://felixluginbuhl.com/muiMaterial/reference/TableBody.md)
  : TableBody
- [`TableCell()`](https://felixluginbuhl.com/muiMaterial/reference/TableCell.md)
  : TableCell
- [`TableContainer()`](https://felixluginbuhl.com/muiMaterial/reference/TableContainer.md)
  : TableContainer
- [`TableFooter()`](https://felixluginbuhl.com/muiMaterial/reference/TableFooter.md)
  : TableFooter
- [`TableHead()`](https://felixluginbuhl.com/muiMaterial/reference/TableHead.md)
  : TableHead
- [`TablePagination()`](https://felixluginbuhl.com/muiMaterial/reference/TablePagination.md)
  : TablePagination
- [`TableRow()`](https://felixluginbuhl.com/muiMaterial/reference/TableRow.md)
  : TableRow
- [`TableSortLabel()`](https://felixluginbuhl.com/muiMaterial/reference/TableSortLabel.md)
  : TableSortLabel
- [`Tabs()`](https://felixluginbuhl.com/muiMaterial/reference/Tabs.md)
  [`Tabs.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Tabs.md)
  [`updateTabs.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/Tabs.md)
  : Tabs
- [`TextField()`](https://felixluginbuhl.com/muiMaterial/reference/TextField.md)
  [`TextField.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/TextField.md)
  [`updateTextField.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/TextField.md)
  : TextField
- [`TextareaAutosize()`](https://felixluginbuhl.com/muiMaterial/reference/TextareaAutosize.md)
  : TextareaAutosize
- [`ThemeProvider()`](https://felixluginbuhl.com/muiMaterial/reference/ThemeProvider.md)
  : ThemeProvider
- [`Timeline()`](https://felixluginbuhl.com/muiMaterial/reference/Timeline.md)
  : Timeline
- [`TimelineConnector()`](https://felixluginbuhl.com/muiMaterial/reference/TimelineConnector.md)
  : TimelineConnector
- [`TimelineContent()`](https://felixluginbuhl.com/muiMaterial/reference/TimelineContent.md)
  : TimelineContent
- [`TimelineDot()`](https://felixluginbuhl.com/muiMaterial/reference/TimelineDot.md)
  : TimelineDot
- [`TimelineItem()`](https://felixluginbuhl.com/muiMaterial/reference/TimelineItem.md)
  : TimelineItem
- [`TimelineOppositeContent()`](https://felixluginbuhl.com/muiMaterial/reference/TimelineOppositeContent.md)
  : TimelineOppositeContent
- [`TimelineSeparator()`](https://felixluginbuhl.com/muiMaterial/reference/TimelineSeparator.md)
  : TimelineSeparator
- [`ToggleButton()`](https://felixluginbuhl.com/muiMaterial/reference/ToggleButton.md)
  [`ToggleButton.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/ToggleButton.md)
  [`updateToggleButton.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/ToggleButton.md)
  : ToggleButton
- [`ToggleButtonGroup()`](https://felixluginbuhl.com/muiMaterial/reference/ToggleButtonGroup.md)
  [`ToggleButtonGroup.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/ToggleButtonGroup.md)
  [`updateToggleButtonGroup.shinyInput()`](https://felixluginbuhl.com/muiMaterial/reference/ToggleButtonGroup.md)
  : ToggleButtonGroup
- [`Toolbar()`](https://felixluginbuhl.com/muiMaterial/reference/Toolbar.md)
  : Toolbar
- [`Tooltip()`](https://felixluginbuhl.com/muiMaterial/reference/Tooltip.md)
  : Tooltip
- [`Typography()`](https://felixluginbuhl.com/muiMaterial/reference/Typography.md)
  : Typography
- [`Zoom()`](https://felixluginbuhl.com/muiMaterial/reference/Zoom.md) :
  Zoom
- [`muiMaterialDependency()`](https://felixluginbuhl.com/muiMaterial/reference/muiMaterialDependency.md)
  : Mui Charts UI JS dependency
- [`muiMaterialExample()`](https://felixluginbuhl.com/muiMaterial/reference/muiMaterialExample.md)
  : Run muiMaterial example
- [`muiMaterialPage()`](https://felixluginbuhl.com/muiMaterial/reference/muiMaterialPage.md)
  : HTML body without Bootstrap and margins
- [`print(`*`<muiMaterial>`*`)`](https://felixluginbuhl.com/muiMaterial/reference/print.muiMaterial.md)
  : Print muiMaterial components

# Articles

### All vignettes

- [AI-Assisted
  Development](https://felixluginbuhl.com/muiMaterial/articles/ai-assisted-development.md):

- [Autocomplete](https://felixluginbuhl.com/muiMaterial/articles/autocomplete.md):

- [Avatar](https://felixluginbuhl.com/muiMaterial/articles/avatar.md):

  Avatar component for displaying user images, initials, or icons

- [Badge](https://felixluginbuhl.com/muiMaterial/articles/badge.md):

- [Button](https://felixluginbuhl.com/muiMaterial/articles/button.md):

- [Checkbox](https://felixluginbuhl.com/muiMaterial/articles/checkbox.md):

- [Chip](https://felixluginbuhl.com/muiMaterial/articles/chip.md):

  Chips are compact elements that represent an input, attribute, or
  action. Learn how to use the Chip component with various styles and
  configurations.

- [Basic
  Dashboarding](https://felixluginbuhl.com/muiMaterial/articles/dashboard-basic.md):

- [Divider](https://felixluginbuhl.com/muiMaterial/articles/divider.md):

  Divider component for grouping elements with a thin line

- [Floating Action
  Button](https://felixluginbuhl.com/muiMaterial/articles/floating-action-button.md):

- [Getting
  Started](https://felixluginbuhl.com/muiMaterial/articles/getting-started.md):

- [List](https://felixluginbuhl.com/muiMaterial/articles/list.md):

  Lists are continuous, vertical indexes of text or images. Learn how to
  use List components to organize and display content.

- [Rating](https://felixluginbuhl.com/muiMaterial/articles/rating.md):

- [Using a
  router](https://felixluginbuhl.com/muiMaterial/articles/routing.md):

- [Select](https://felixluginbuhl.com/muiMaterial/articles/select.md):

- [Slider](https://felixluginbuhl.com/muiMaterial/articles/slider.md):

- [Switch](https://felixluginbuhl.com/muiMaterial/articles/switch.md):

- [TextField](https://felixluginbuhl.com/muiMaterial/articles/textfield.md):

- [Toggle Button
  Group](https://felixluginbuhl.com/muiMaterial/articles/toggle-button-group.md):