Skip to contents

The side_content() is a layout component that allows additional content to be displayed in a way that flexibly adapts to different screen sizes. The side content appears in a container next to or directly below the main content (it doesn’t overlay). When the side content is triggered, the main content becomes narrower (if appearing side-by-side). The side content contains a separate scrollbar when appearing next to the main content.

See the official documention for side content, for all the correct props.

side_content(
  "Some content",
  `side-content-visibility` = "AlwaysShow",
  shiny::div(
    slot = "sideContent",
    title(level = "h1", "Site Content"),
    htmltools::p("Some content")
  ),
  shiny::div(
    title(level = "h1", "Main Content"),
    htmltools::p("Some content")
  )
)
Some content
Site Content

Some content

Main Content

Some content