bs4Ribbon {bs4Dash}

Boostrap 4 ribbon

Description

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(s)

David Granjon, [e-mail]

Examples

if (interactive()) {
 library(shiny)
 library(bs4Dash)
 
 shinyApp(
  ui = dashboardPage(
    header = dashboardHeader(), 
    sidebar = 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) { }
 )
}