f7Chip: Framework7 chips

In RinteRface/shinyMobile: Mobile Ready 'shiny' Apps with Standalone Capabilities

Framework7 chips

Description

f7Chip is an improved badge container.

Usage

f7Chip(
  label = NULL,
  image = NULL,
  icon = NULL,
  outline = FALSE,
  status = NULL,
  iconStatus = NULL,
  closable = FALSE
)

Arguments

label	Chip label.
image	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.
iconStatus	Chip icon color: see here for valid colors https://framework7.io/docs/chips.html.
closable	Whether to close the chip. FALSE by default.

Author(s)

David Granjon, [e-mail]

Examples

if(interactive()){
 library(shiny)
 library(shinyMobile)

 shinyApp(
  ui = f7Page(
    title = "Chips",
    f7SingleLayout(
      navbar = f7Navbar(title = "f7Chip"),
      f7Block(
        strong = TRUE,
        f7Chip(label = "simple Chip"),
        f7Chip(label = "outline Chip", outline = TRUE),
        f7Chip(label = "icon Chip", icon = f7Icon("plus_circle_fill"), iconStatus = "pink"),
        f7Chip(label = "image Chip", image = "https://loremflickr.com/g/320/240/london"),
        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) {}
 )
}

RinteRface/shinyMobile documentation built on Jan. 27, 2025, 5:40 p.m.