Mulai sekarangMulai gratis

Mengatur status

Salah satu praktik UI/UX yang baik, seperti disorot dalam video, adalah menggunakan warna secara efektif. Seperti yang juga Anda lihat, status dengan kode warna dapat ditambahkan ke box() dan notificationItem() dengan menetapkan argumen yang sesuai.

Available statuses

Ini memungkinkan Anda menggunakan warna yang telah ditentukan untuk membantu pengguna dengan cepat mengenali sifat pesan tanpa harus memperhatikan secara saksama.

Berikutnya, Anda akan mencoba berbagai status di shinydashboard.

Dalam latihan ini, pustaka shiny dan shinydashboard sudah dimuat untuk Anda. Selain itu, header dan sidebar telah disimpan sebagai sidebar, dan server() adalah fungsi kosong.

Latihan ini merupakan bagian dari kursus

Membangun Dashboard dengan shinydashboard

Lihat Kursus

Latihan interaktif langsung praktik

Cobalah latihan ini dengan melengkapi kode contoh ini.

library(shiny)
library(shinydashboard)

sidebar <- dashboardSidebar(
  width = 300,
  sidebarMenu(
    id = "pages",
    menuItem("Historical trends",
             tabName = "historical"),
    menuItem("Profits and Losses (PnLs)", 
             tabName = "profit", 
             icon = icon("money-bill-alt"),
             badgeLabel = "+2.3%", badgeColor = "green")
  )
)

header <- dashboardHeader(
  title = "Portfolio dashboard for Sally",
  titleWidth = 300,
  dropdownMenu(type = "notifications",
               # Change status of "Sell alert" from "warning" to "danger"
               notificationItem("Sell alert", status = "warning"),
               # Set status of "Buy alert" to "success".
               notificationItem("Buy alert", ___))
)

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)
server <- function(input, output){}
shinyApp(ui, server)
Edit dan Jalankan Kode