Part 1: UI Layout and Customizing

Learning Objectives

By the end of this session, you should be able to:

  • Layout your shiny app using {bslib}
  • Style your shiny app using bslib::bs_themer()
  • Style your shiny app using {thematic}

Slides

View slides in full screen

Exercises

Exercise 1

Modify the value_box code in layouts/app_bslib_box_layout.R. Try out the following:

If you like, paste it into the Cascadia-R slack channel.

Exercise 2

Try running the following code below and change the bg and fg variables, as well as primary and maybe even the font. Cut and paste your bs_theme_update() code into the Slack to share your creation.

library(bslib)
run_with_themer("app_bs_themer.R")