Boostrap 4 ribbon — bs4Ribbon • bs4Dash

bs4Ribbon build a bootstrap 4 ribbon

Usage

bs4Ribbon(text, color)

ribbon(text, color)

Arguments

text

Ribbon text.

color

Ribbon color. Valid colors are defined as follows:

primary: #007bff .
secondary: #6c757d .
info: #17a2b8 .
success: #28a745 .
warning: #ffc107 .
danger: #dc3545 .
gray-dark: #343a40 .
gray: #adb5bd .
white: #fff .
indigo: #6610f2 .
lightblue: #3c8dbc .
navy: #001f3f .
purple: #605ca8 .
fuchsia: #f012be .
pink: #e83e8c .
maroon: #d81b60 .
orange: #ff851b .
lime: #01ff70 .
teal: #39cccc .
olive: #3d9970 .

Author

David Granjon, dgranjon@ymail.com

Examples

if (interactive()) {
 library(shiny)
 library(bs4Dash)

 shinyApp(
  ui = dashboardPage(
    dashboardHeader(),
    dashboardSidebar(),
    body = dashboardBody(
     fluidRow(
      box(
       width = 4,
       title = "Blue ribbon",
       bs4Ribbon(
        text = "New",
        color = "primary"
       )
      ),
      box(
       width = 4,
       title = "Purple ribbon",
       bs4Ribbon(
        text = "New",
        color = "indigo"
       )
      ),
      box(
       width = 4,
       title = "Orange ribbon",
       bs4Ribbon(
        text = "New",
        color = "orange"
       )
      )
     )
    ),
    footer = dashboardFooter()
  ),
  server = function(input, output) { }
 )
}