muiMaterial ships complete Shiny apps. List them with
muiMaterialExample(), and run one by name:
library(muiMaterial)
muiMaterialExample() # the names of all the examples
muiMaterialExample("showcase") # run one of themTo read or copy the code of an example, open its file:
file.edit(system.file("examples", "Dialog.R", package = "muiMaterial"))Apps and dashboards
| Example | What it shows |
|---|---|
showcase |
All the .shinyInput() components and their values, in
one app (live
version). |
dashboard-simple |
A simple dashboard: app bar, drawer and content. See Basic dashboarding. |
dashboard-inset |
A dashboard with an inset drawer. |
dashboard-icons |
A dashboard with a drawer of icons. |
mui-template-dashboard |
A port of the MUI dashboard template, with Shiny modules. |
bookmarking |
Restoring .shinyInput() values from a bookmarked URL.
See Shiny inputs and server
updates. |
muiMaterialPage |
muiMaterialPage() with the Roboto font and the Material
icons. |
Inputs
| Example | What it shows | Article |
|---|---|---|
Autocomplete |
Autocomplete.shinyInput() |
Autocomplete |
Button |
Button.shinyInput() click counter |
Button |
ButtonGroup |
Buttons grouped in a ButtonGroup()
|
Button Group |
Checkbox |
Checkbox.shinyInput() |
Checkbox |
Fab |
Fab.shinyInput() |
Floating Action Button |
FilledInput |
FilledInput.shinyInput() |
Text Field |
LoadingButton |
A button with a loading state | Button |
NativeSelect |
NativeSelect.shinyInput() |
Select |
RadioGroup |
RadioGroup.shinyInput() |
Radio Group |
Rating |
Rating.shinyInput() |
Rating |
Slider |
Slider.shinyInput() with custom marks |
Slider |
Switch |
Switch.shinyInput() |
Switch |
TextField |
TextField.shinyInput() |
Text Field |
ToggleButtonGroup |
ToggleButtonGroup.shinyInput() |
Toggle Button Group |
TransferList |
A transfer list with server-side state | Transfer List |
Navigation and overlays
| Example | What it shows | Article |
|---|---|---|
BottomNavigation |
BottomNavigation.shinyInput() switching pages |
Bottom Navigation |
Dialog |
Dialog.shinyInput() opened and closed by the
server |
Dialog |
Drawer |
Drawer.shinyInput() opened and closed by the
server |
Drawer |
DrawerTriggerId |
Drawer.triggerId(): a navigation drawer without server
code |
Overlays with
.triggerId |
Menu |
Menu.triggerId(): an options menu |
Menu |
MenuItem |
MenuItem.shinyInput() |
Menu |
Modal |
Modal.shinyInput() |
Modal |
Pagination |
Pagination.shinyInput() |
Pagination |
Snackbar |
Snackbar.shinyInput() opened by the server |
Snackbar |
Stepper |
A stepper driven by the server | Stepper |
Tabs |
Client-side tabs with TabContext.static()
|
Tabs |
Layout, display and customization
| Example | What it shows | Article |
|---|---|---|
Card |
A media card | Card |
Grid |
A responsive grid | Grid |
Timeline |
A customized timeline | Timeline |
ThemeProvider |
A custom theme: palette, typography and component overrides | Theming |
CustomComponentShinyInput |
A custom Shiny input built with InputAdapter
|
Custom components |
CustomComponentShinyInputStyled |
A custom styled() slider input |
Custom components |
