shinyMobile (version 0.7.0)

f7Chip: Create a Framework7 chips

Description

Build a Framework7 chips

Usage

f7Chip(
  label = NULL,
  img = NULL,
  icon = NULL,
  outline = FALSE,
  status = NULL,
  icon_status = NULL,
  closable = FALSE
)

Arguments

label

Chip label.

img

Chip image, if any.

icon

Icon, if any. IOS and Material icons available.

outline

Whether to outline chip. FALSE by default.

status

Chip color: see here for valid colors https://framework7.io/docs/chips.html.

icon_status

Chip icon color: see here for valid colors https://framework7.io/docs/chips.html.

closable

Whether to close the chip. FALSE by default.

Examples

# NOT RUN {
if(interactive()){
 library(shiny)
 library(shinyMobile)

 shiny::shinyApp(
  ui = f7Page(
    title = "Chips",
    init = f7Init(theme = "light", skin = "md"),
    f7SingleLayout(
      navbar = f7Navbar(title = "f7Navbar"),
      f7Block(
        strong = TRUE,
        f7Chip(label = "simple Chip"),
        f7Chip(label = "outline Chip", outline = TRUE),
        f7Chip(label = "icon Chip", icon = f7Icon("add_round"), icon_status = "pink"),
        f7Chip(label = "image Chip", img = "https://lorempixel.com/64/64/people/9/"),
        f7Chip(label = "closable Chip", closable = TRUE),
        f7Chip(label = "colored Chip", status = "green"),
        f7Chip(label = "colored outline Chip", status = "green", outline = TRUE)
      )
    )
  ),
  server = function(input, output) {}
 )
}

# }