material_page: Create a shinymaterial page

Description Usage Arguments Examples

View source: R/shiny-material-page.R

Description

Build a shinymaterial page.

Usage

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
material_page(
  ...,
  title = "",
  nav_bar_fixed = FALSE,
  nav_bar_color = NULL,
  background_color = "grey lighten-4",
  font_color = NULL,
  include_fonts = FALSE,
  include_nav_bar = TRUE,
  include_icons = FALSE,
  materialize_in_www = FALSE,
  primary_theme_color = NULL,
  secondary_theme_color = NULL
)

Arguments

...

The UI elements to place in the page.

title

String. The title of the page.

nav_bar_fixed

Boolean. Should the nav bar remain fixed on the screen?

nav_bar_color

Color of the nav bar. Leave blank for the default color. Visit https://materializecss.com/color.html for a list of available colors.

background_color

Page background color. Leave blank for the default color. Visit https://materializecss.com/color.html for a list of available colors.

font_color

String. The title font color. Leave blank for the default color. Visit https://materializecss.com/color.html for a list of available colors. Title color requires using word forms of colors (e.g. "deep-purple"). Also, lighten or darken effects do not work on title colors.

include_fonts

Boolean. Should the material font files be included? (This will place the font sources in a directory 'www', at the same location as the app code.)

include_nav_bar

Boolean. Should the material nav bar be included?

include_icons

Boolean. Should the material icon files be included? (This will place the font sources in a directory 'www', at the same location as the app code.)

materialize_in_www

Boolean. Should the app look for the materialize library in the 'www' folder? E.g. www/css/materialize.min.css & www/js/materialize.min.js (Default to FALSE - which will look in the package library folder)

primary_theme_color

Primary theme color (use hex code, e.g. '#e57373'). Visit https://materializecss.com/color.html for a list of material hex codes.

secondary_theme_color

Secondary theme color (use hex code, e.g. '#26a69a'). Visit https://materializecss.com/color.html for a list of material hex codes.

Examples

1
2
3
4
5
6
7
material_page(
  title = "Example Title",
  nav_bar_fixed = TRUE,
  nav_bar_color = "red lighten-2",
  background_color = "blue lighten-4",
  shiny::tags$h1("Page Content")
)

shinymaterial documentation built on Sept. 1, 2020, 1:07 a.m.