Skip to contents

Shellbar

shellbar.Rmd

The shellbar() is meant to serve as an application header and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on.

See the official documention for shelbar, for all the correct props.

shellbar(
  "shellbar",
  `primary-title` = "Corporate Portal",
  `secondary-title` = "secondary title",
  `notifications-count` = "99+",
  `show-notifications` = NA,
  avatar(slot = "profile", icon = "customer"),
  shiny::tags$img(
    slot = "logo",
    src = "https://sap.github.io/ui5-webcomponents/assets/images/sap-logo-svg.svg",
  ),
  input(
    "shellbarSearch",
    slot = "searchField",
    placeholder = "Enter a search..."
  ),
  shellbar_item(
    "sbitem",
    icon = "disconnected",
    text = "Disconnect"
  ),
  li(
    slot = "menuItems",
    "Page 1"
  ),
  li(
    slot = "menuItems",
    "Page 2"
  ),
  li(
    slot = "menuItems",
    "Page 3"
  )
)
Page 1Page 2Page 3