Shellbar

Shellbar.

Usage

shellbar(id, ...)

shellbar_item(id, ..., value = 0L)

Arguments

id

ID of the element.

...

Any named properties.

value

Initial value.

Details

See shellbar

Examples

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"
  )
)
#> <ui5-shellbar id="shellbar" primary-title="Corporate Portal" secondary-title="secondary title" notifications-count="99+">
#>   <ui5-avatar slot="profile" icon="customer"></ui5-avatar>
#>   <img slot="logo" src="https://sap.github.io/ui5-webcomponents/assets/images/sap-logo-svg.svg"/>
#>   <ui5-input id="shellbarSearch" slot="searchField" placeholder="Enter a search..."></ui5-input>
#>   <ui5-shellbar-item id="sbitem" data-value="0" icon="disconnected" text="Disconnect"></ui5-shellbar-item>
#>   <ui5-li slot="menuItems">Page 1</ui5-li>
#>   <ui5-li slot="menuItems">Page 2</ui5-li>
#>   <ui5-li slot="menuItems">Page 3</ui5-li>
#> </ui5-shellbar>