Create a dropdown menu.

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 specified created based on type argument.

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"))
#> <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>
dropdownMenu(type = "notifications", notificationItem("This is notification!", color = "red"))
#> <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>