dropdown_menu: Create a dropdown menu.

In semantic.dashboard: Dashboard with Fomantic UI Support for Shiny

Description

Create a dropdown menu with additional UI elements.

Usage

dropdown_menu(..., type = "messages", icon = NULL, show_counter = TRUE)

dropdownMenu(..., type = "messages", icon = NULL, show_counter = TRUE)

Arguments

...	UI elements to include within the dropdown menu.
type	Type of the displayed items.
icon	Icon of the dropdown menu. If not specyfied created based on type agrument.
show_counter	If true circular label with counter is going to be shown for dropdown.

Value

A dropdown menu that can be passed to dashboardHeader

Functions

• dropdownMenu: Create a dropdown menu (alias for dropdown_menu for compatibility with shinydashboard)

Examples

dropdownMenu(icon = icon("warning sign"), taskItem("Project progress...", 50.777, color = "red"))
dropdownMenu(type = "notifications", notificationItem("This is notification!", color = "red"))

Example output

sh: 1: cannot create /dev/null: Permission denied

Attaching package: ‘semantic.dashboard’

The following object is masked from ‘package:graphics’:

    box

<button class="ui icon top right inline item dropdown button" style="margin-right: 0">
  <i class="warning sign icon"></i>
  <div class="ui circular mini label" style="">1</div>
  <div class="menu">
    <div class="item" style="min-width: 200px;">
      <div class="ui active progress red" data-percent="50.777" data-total="100">
        <div class="bar">
          <div class="progress"></div>
        </div>
        <div class="label">Project progress...</div>
      </div>
    </div>
  </div>
  <script>$('.ui.dropdown').dropdown();</script>
  <script>$('.progress').progress();</script>
</button>
<button class="ui icon top right inline item dropdown button" style="margin-right: 0">
  <i class="warning sign icon"></i>
  <div class="ui circular mini label" style="">1</div>
  <div class="menu">
    <div class="item">
      <div class="ui label red">
        <i class="small warning icon"></i>
        This is notification!
      </div>
    </div>
  </div>
  <script>$('.ui.dropdown').dropdown();</script>
  <script>$('.progress').progress();</script>
</button>

semantic.dashboard documentation built on Nov. 10, 2021, 1:06 a.m.