Title:	Bindings to the Calcite Design System 'JavaScript' Component Library
Version:	1.0.0
Description:	Provides access to the 'Calcite Design System' 'javascript' components via integration with the 'htmltools' and 'shiny' packages. Pre-built and interactive components can be used to generate either static html or interactive web applications. Learn more about the 'Calcite Design System' at https://developers.arcgis.com/calcite-design-system/.
License:	Apache License (≥ 2)
Imports:	cli, htmltools, rlang, shiny, utils, yyjsonr
Suggests:	brio, rstudioapi
URL:	https://r.esri.com/calcite/
Encoding:	UTF-8
Language:	en
RoxygenNote:	7.3.3
NeedsCompilation:	yes
Packaged:	2026-03-02 19:57:28 UTC; josiahparry
Author:	Josiah Parry [aut, cre]
Maintainer:	Josiah Parry <josiah.parry@gmail.com>
Repository:	CRAN
Date/Publication:	2026-03-03 10:00:20 UTC

calcite: Bindings to the Calcite Design System 'JavaScript' Component Library

Description

Provides access to the 'Calcite Design System' 'javascript' components via integration with the 'htmltools' and 'shiny' packages. Pre-built and interactive components can be used to generate either static html or interactive web applications. Learn more about the 'Calcite Design System' at https://developers.arcgis.com/calcite-design-system/.

Author(s)

Maintainer: Josiah Parry josiah.parry@gmail.com (ORCID)

See Also

Useful links:

• https://r.esri.com/calcite/

Create a Calcite Accordion Component

Description

Accordions are most often used for hiding and showing sections of related content. They can have different selection modes, allowing users to have multiple or single accordion item(s) open.

Usage

calcite_accordion(
  ...,
  id = NULL,
  appearance = NULL,
  icon_position = NULL,
  icon_type = NULL,
  scale = NULL,
  selection_mode = NULL
)

Arguments

Details

Usage

• To organize related text-based content.

• To shorten pages and reduce scrolling when content is not crucial to read in full.

Best practices

• Use Accordion to contain related but distinct, primarily text-based content.

• Use Accordion within the main content area of an application to save space.

• Avoid using Accordion within a Panel. Instead, use one or more Block(s).

• Avoid using Accordion to house interactive controls or form-based components.

Shiny Integration

The accordion tracks which items are expanded based on its selection mode.

Available properties in input$id:

• ⁠$appearance⁠ - The visual style

• ⁠$iconPosition⁠ - Icon placement

• ⁠$iconType⁠ - Icon type

• ⁠$scale⁠ - Size

• ⁠$selectionMode⁠ - Selection mode

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic accordion with multiple selection
calcite_accordion(
  id = "my_accordion",
  calcite_accordion_item(
    heading = "Watercraft",
    description = "Yachts, boats, and dinghies",
    icon_start = "embark",
    "Recommended for coastal use"
  ),
  calcite_accordion_item(
    heading = "Automobiles",
    description = "Cars, trucks, and buses",
    icon_start = "car",
    "A good choice for inland adventure"
  )
)

# Single selection accordion
calcite_accordion(
  selection_mode = "single",
  appearance = "transparent",
  icon_type = "plus-minus",
  calcite_accordion_item(
    heading = "Section 1",
    "Content 1"
  ),
  calcite_accordion_item(
    heading = "Section 2",
    "Content 2"
  )
)

Create a Calcite Accordion Item Component

Description

Creates an individual accordion item that can be used within a calcite-accordion. Accordion items can be expanded and collapsed to show or hide content.

Usage

calcite_accordion_item(
  ...,
  id = NULL,
  heading = NULL,
  description = NULL,
  expanded = NULL,
  heading_level = NULL,
  icon_start = NULL,
  icon_end = NULL,
  icon_flip_rtl = NULL,
  actions_start = NULL,
  actions_end = NULL,
  content_start = NULL,
  content_end = NULL
)

Arguments

Details

Shiny Integration

The accordion item emits events when it's expanded or collapsed.

Available properties in input$id:

• ⁠$expanded⁠ - Whether the item is currently expanded

• ⁠$heading⁠ - The heading text

• ⁠$description⁠ - The description text

• Other component properties

Basic usage:

calcite_accordion_item(
  id = "item1",
  heading = "Watercraft",
  description = "Yachts, boats, and dinghies",
  icon_start = "embark",
  # Item content...
)

# In server
observeEvent(input$item1$expanded, {
  if (input$item1$expanded) {
    message("Item was expanded")
  } else {
    message("Item was collapsed")
  }
})

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic accordion item
calcite_accordion_item(
  id = "watercraft",
  heading = "Watercraft",
  description = "Yachts, boats, and dinghies",
  icon_start = "embark",
  "Content goes here..."
)

Create a Calcite Action Component

Description

Creates an action button that can be used within action bars and action groups. Actions provide a compact way to trigger operations with icon-based buttons.

Usage

calcite_action(
  text,
  icon = NULL,
  id = NULL,
  active = NULL,
  disabled = NULL,
  indicator = NULL,
  text_enabled = NULL,
  scale = NULL,
  alignment = NULL,
  appearance = NULL,
  loading = NULL,
  label = NULL,
  ...
)

Arguments

Details

Shiny Integration

When used in a Shiny app, calcite_action() returns a reactive list containing all component properties. You can observe the entire component state or watch individual properties:

Available properties:

• ⁠$clicked⁠ - Boolean that toggles on each click (use this to detect clicks)

• ⁠$active⁠ - Whether the action is currently active/highlighted

• ⁠$disabled⁠ - Whether the action is disabled

• ⁠$icon⁠ - The icon name

• ⁠$text⁠ - The text label

• ⁠$indicator⁠ - Whether an indicator is shown

• ⁠$alignment⁠, ⁠$appearance⁠, ⁠$scale⁠, etc. - Other component properties

Usage in server:

# Watch for any change to the action (including clicks)
observeEvent(input$my_action, {
  print("Action changed!")
})

# Watch only the clicked state
observeEvent(input$my_action$clicked, {
  print("Action was clicked!")
})

# Access specific properties
observeEvent(input$my_action, {
  is_active <- input$my_action$active
  click_state <- input$my_action$clicked
})

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic action with icon
calcite_action(
  text = "Layers",
  icon = "layers",
  id = "layers-action"
)

# Active action with text label
calcite_action(
  text = "Settings",
  icon = "gear",
  active = TRUE,
  text_enabled = TRUE
)

# Action with indicator
calcite_action(
  text = "Notifications",
  icon = "bell",
  indicator = TRUE
)

# Shiny example
if (interactive()) {
  library(shiny)

  ui <- calcite_shell(
    calcite_action(
      id = "my_action",
      text = "Click me",
      icon = "check",
      text_enabled = TRUE
    ),
    verbatimTextOutput("status")
  )

  server <- function(input, output, session) {
    # Respond to clicks
    observeEvent(input$my_action$clicked, {
      message("Action clicked! State: ", input$my_action$clicked)
    })

    # Display all properties
    output$status <- renderPrint({
      input$my_action
    })
  }

  shinyApp(ui, server)
}

Create a Calcite Action Bar Component

Description

Action Bar is composed of calcite_action()s used for core operations in the interface. When given an id, it acts as a Shiny input that reports the text of the currently active action as input$id.

Usage

calcite_action_bar(
  ...,
  id = NULL,
  expand_disabled = NULL,
  expanded = NULL,
  floating = NULL,
  layout = NULL,
  overflow_actions_disabled = NULL,
  position = NULL,
  scale = NULL
)

Arguments

Details

Shiny Integration

When id is provided, input$id returns the text of the currently active calcite_action(). The action bar manages active state automatically — clicking an action activates it and deactivates all others.

observeEvent(input$my_bar, {
  cat("Active action:", input$my_bar, "\n")
})

Use update_calcite() to programmatically set the active action by passing the text value of the action to activate.

Value

An object of class calcite_component

References

Official Documentation

Examples

calcite_action_bar(
  id = "my_bar",
  calcite_action(text = "Layers", icon = "layers", active = TRUE),
  calcite_action(text = "Legend", icon = "legend")
)

Create a Calcite Action Group Component

Description

Groups multiple action components together with consistent layout and spacing. Action groups can be used within action bars to organize related actions.

Usage

calcite_action_group(
  ...,
  id = NULL,
  layout = NULL,
  columns = NULL,
  scale = NULL,
  expanded = NULL,
  label = NULL,
  slot = NULL
)

Arguments

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic action group with vertical layout
calcite_action_group(
  calcite_action(text = "Add", icon = "plus"),
  calcite_action(text = "Edit", icon = "pencil"),
  calcite_action(text = "Delete", icon = "trash")
)

# Horizontal group with custom scale
calcite_action_group(
  layout = "horizontal",
  scale = "l",
  calcite_action(text = "Save", icon = "save"),
  calcite_action(text = "Cancel", icon = "x")
)

# Grid layout with 2 columns
calcite_action_group(
  layout = "grid",
  columns = 2,
  calcite_action(text = "A", icon = "letter-a"),
  calcite_action(text = "B", icon = "letter-b"),
  calcite_action(text = "C", icon = "letter-c"),
  calcite_action(text = "D", icon = "letter-d")
)

Create a ActionPad component

Description

Create a ActionPad component

Usage

calcite_action_pad(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_action_pad()

Create a Calcite Alert Component

Description

Alerts are meant to quickly convey a message to the user. They are ephemeral, workflow-specific messaging that is positioned absolutely over content.

Usage

calcite_alert(
  kind = NULL,
  ...,
  id = NULL,
  label = NULL,
  open = NULL,
  icon = TRUE,
  icon_flip_rtl = NULL,
  auto_close = NULL,
  auto_close_duration = NULL,
  placement = NULL,
  queue = NULL,
  scale = NULL,
  numbering_system = NULL,
  title = NULL,
  message = NULL,
  link = NULL,
  actions_end = NULL
)

calcite_alert_brand(
  ...,
  id = NULL,
  label = NULL,
  open = NULL,
  icon = TRUE,
  icon_flip_rtl = NULL,
  auto_close = NULL,
  auto_close_duration = NULL,
  placement = NULL,
  queue = NULL,
  scale = NULL,
  numbering_system = NULL,
  title = NULL,
  message = NULL,
  link = NULL,
  actions_end = NULL
)

calcite_alert_danger(
  ...,
  id = NULL,
  label = NULL,
  open = NULL,
  icon = TRUE,
  icon_flip_rtl = NULL,
  auto_close = NULL,
  auto_close_duration = NULL,
  placement = NULL,
  queue = NULL,
  scale = NULL,
  numbering_system = NULL,
  title = NULL,
  message = NULL,
  link = NULL,
  actions_end = NULL
)

calcite_alert_info(
  ...,
  id = NULL,
  label = NULL,
  open = NULL,
  icon = TRUE,
  icon_flip_rtl = NULL,
  auto_close = NULL,
  auto_close_duration = NULL,
  placement = NULL,
  queue = NULL,
  scale = NULL,
  numbering_system = NULL,
  title = NULL,
  message = NULL,
  link = NULL,
  actions_end = NULL
)

calcite_alert_success(
  ...,
  id = NULL,
  label = NULL,
  open = NULL,
  icon = TRUE,
  icon_flip_rtl = NULL,
  auto_close = NULL,
  auto_close_duration = NULL,
  placement = NULL,
  queue = NULL,
  scale = NULL,
  numbering_system = NULL,
  title = NULL,
  message = NULL,
  link = NULL,
  actions_end = NULL
)

calcite_alert_warning(
  ...,
  id = NULL,
  label = NULL,
  open = NULL,
  icon = TRUE,
  icon_flip_rtl = NULL,
  auto_close = NULL,
  auto_close_duration = NULL,
  placement = NULL,
  queue = NULL,
  scale = NULL,
  numbering_system = NULL,
  title = NULL,
  message = NULL,
  link = NULL,
  actions_end = NULL
)

Arguments

Details

Best Practices

While visually similar to Notice, Alert has distinct capabilities and intended use cases:

Alert:

• Best for ephemeral, workflow-specific messaging

• Generally should not be open at page load

• Most often displayed as a result of user interaction

• Positioned absolutely over content

Notice:

• Best for informative, contextually relevant information

• Can be open at page load, or displayed as a result of user action

• Can be persisted in the interface or made closable

Modal:

• Best for long-form messaging or narrative content

• Can contain media or interactive elements

• Generally presented as a result of user invocation

Writing and Copy

Alerts are meant to quickly convey a message to the user. Keep copy short and to the point. Consistent Alert structure, verbiage, and copy ensures users have an expected experience.

Shiny Integration

Available properties in input$id:

• ⁠$open⁠ - Whether the alert is currently displayed

• ⁠$kind⁠ - The alert kind

• Other component properties

Events:

• calciteAlertBeforeClose - Before closing transition begins

• calciteAlertBeforeOpen - Before opening transition begins

• calciteAlertClose - After close animation completes

• calciteAlertOpen - After open animation completes

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic success alert
calcite_alert_success(
  label = "Success",
  icon = "smile",
  open = TRUE,
  title = "Everything worked out!",
  message = "Take a moment to reflect on your day"
)

# Alert with link
calcite_alert_info(
  label = "Notification",
  open = TRUE,
  title = "Something interesting just happened",
  message = "We thought you might want to take a look",
  link = calcite_link("Take action", href = "#")
)

Create a Avatar component

Description

Create a Avatar component

Usage

calcite_avatar(...)

Arguments

Details

Properties

The following properties are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_avatar()

Create a Calcite Block Component

Description

Creates a collapsible block component designed to house content and controls within a Panel, most often as part of an application layout with Shell Panels.

Usage

calcite_block(
  ...,
  id = NULL,
  heading = NULL,
  description = NULL,
  collapsible = TRUE,
  expanded = TRUE,
  disabled = NULL,
  loading = NULL,
  icon_start = NULL,
  icon_end = NULL,
  icon_flip_rtl = NULL,
  scale = NULL,
  heading_level = NULL,
  label = NULL,
  drag_disabled = NULL,
  sort_handle_open = NULL,
  menu_placement = NULL,
  overlay_positioning = NULL
)

Arguments

Details

Shiny Integration

The block emits events when it's expanded or collapsed, making it easy to track state.

Available properties in input$id:

• ⁠$expanded⁠ - Whether the block is currently expanded

• ⁠$collapsible⁠ - Whether the block is collapsible

• ⁠$disabled⁠ - Whether the block is disabled

• ⁠$heading⁠ - The heading text

• Other component properties

Basic usage:

calcite_block(
  id = "my_block",
  heading = "Layer effects",
  description = "Adjust blur, highlight, and more",
  collapsible = TRUE,
  expanded = TRUE,
  icon_start = "effects",
  # Block content...
)

# In server
observeEvent(input$my_block$expanded, {
  if (input$my_block$expanded) {
    message("Block was expanded")
  } else {
    message("Block was collapsed")
  }
})

Update from server:

# Programmatically expand or collapse the block
update_calcite("my_block", expanded = TRUE)
update_calcite("my_block", expanded = FALSE)

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic collapsible block
calcite_block(
  id = "effects_block",
  heading = "Layer effects",
  description = "Adjust blur, highlight, and more",
  collapsible = TRUE,
  icon_start = "effects",
  "Block content goes here..."
)

Create a BlockSection component

Description

Create a BlockSection component

Usage

calcite_block_section(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_block_section()

Create a Calcite Button Component

Description

Creates an interactive button component that can be used for user actions. Buttons can display text, icons, or both, and support various visual styles.

Usage

calcite_button(
  ...,
  id = NULL,
  alignment = NULL,
  appearance = NULL,
  disabled = NULL,
  download = NULL,
  form = NULL,
  href = NULL,
  icon_end = NULL,
  icon_flip_rtl = NULL,
  icon_start = NULL,
  kind = NULL,
  label = NULL,
  loading = NULL,
  name = NULL,
  rel = NULL,
  round = NULL,
  scale = NULL,
  split_child = NULL,
  target = NULL,
  type = NULL,
  width = NULL
)

Arguments

Details

Shiny Integration

When used in a Shiny app, calcite_button() returns a reactive list containing component properties and a click counter. You can observe the entire component state or watch individual properties:

Available properties:

• ⁠$clicks⁠ - Integer count of how many times the button has been clicked

• ⁠$alignment⁠, ⁠$appearance⁠, ⁠$disabled⁠, ⁠$kind⁠, ⁠$scale⁠, etc. - All component properties

Usage in server:

# Watch for button clicks using the clicks counter
observeEvent(input$my_button$clicks, {
  print(paste("Button clicked", input$my_button$clicks, "times"))
})

# Or watch for any change to the button
observeEvent(input$my_button, {
  print("Button changed!")
})

# Access specific properties
observeEvent(input$my_button, {
  is_disabled <- input$my_button$disabled
  click_count <- input$my_button$clicks
})

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic button
calcite_button(
  id = "my_button",
  "Click Me!"
)

# Button with icon
calcite_button(
  "Save",
  icon_start = "save",
  appearance = "solid",
  kind = "brand"
)

# Outline button with icon at end
calcite_button(
  "Delete",
  icon_end = "trash",
  appearance = "outline",
  kind = "danger"
)

# Round icon-only button
calcite_button(
  icon_start = "plus",
  round = TRUE,
  label = "Add item"
)

# Shiny example
if (interactive()) {
  library(shiny)

  ui <- div(
    calcite_button(
      id = "test_button",
      "Click Me!",
      appearance = "solid",
      kind = "brand"
    ),
    verbatimTextOutput("click_count")
  )

  server <- function(input, output, session) {
    # Watch for button clicks
    output$click_count <- renderText({
      paste("Button clicked", input$test_button$clicks, "times")
    })
  }

  shinyApp(ui, server)
}

Create a Card component

Description

Create a Card component

Usage

calcite_card(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_card()

Create a CardGroup component

Description

Create a CardGroup component

Usage

calcite_card_group(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_card_group()

Create a Carousel component

Description

Create a Carousel component

Usage

calcite_carousel(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_carousel()

Create a CarouselItem component

Description

Create a CarouselItem component

Usage

calcite_carousel_item(...)

Arguments

Details

Properties

The following properties are provided by this component:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_carousel_item()

Create a Calcite Checkbox Component

Description

A checkbox allows users to make a binary selection, typically within a form or as a standalone toggle. Supports indeterminate state for tri-state behavior.

Usage

calcite_checkbox(
  id = NULL,
  checked = NULL,
  disabled = NULL,
  form = NULL,
  indeterminate = NULL,
  label = NULL,
  label_text = NULL,
  name = NULL,
  required = NULL,
  scale = NULL,
  status = NULL,
  value = NULL
)

Arguments

Details

Shiny Integration

When an id is provided, the checkbox emits its state whenever it changes.

Available properties in input$id:

• ⁠$checked⁠ - Whether the checkbox is checked

• ⁠$indeterminate⁠ - Whether the checkbox is in indeterminate state

• ⁠$value⁠ - The component's value

• ⁠$disabled⁠ - Whether the checkbox is disabled

• ⁠$name⁠ - The component's name

• ⁠$scale⁠ - The component's scale

• ⁠$status⁠ - The component's status

Events:

• calciteCheckboxChange - Fires when the checked status changes

Value

An object of class calcite_component

References

Official Documentation

Examples

calcite_checkbox(id = "agree", label_text = "I agree to the terms")

calcite_checkbox(
  id = "opt_in",
  label_text = "Subscribe to newsletter",
  checked = TRUE,
  scale = "l"
)

Create a Chip component

Description

Create a Chip component

Usage

calcite_chip(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_chip()

Create a ChipGroup component

Description

Create a ChipGroup component

Usage

calcite_chip_group(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_chip_group()

Create a ColorPicker component

Description

Create a ColorPicker component

Usage

calcite_color_picker(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_color_picker()

Create a Combobox component

Description

Create a Combobox component

Usage

calcite_combobox(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_combobox()

Create a ComboboxItem component

Description

Create a ComboboxItem component

Usage

calcite_combobox_item(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_combobox_item()

Create a ComboboxItemGroup component

Description

Create a ComboboxItemGroup component

Usage

calcite_combobox_item_group(...)

Arguments

Details

Properties

The following properties are provided by this component:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_combobox_item_group()

Create a Calcite Date Picker Component

Description

Provides a calendar interface for selecting dates. Supports single date selection or date range selection with various customization options.

Usage

calcite_date_picker(
  id = NULL,
  value = NULL,
  range = NULL,
  min = NULL,
  max = NULL,
  scale = NULL,
  layout = NULL,
  calendars = NULL,
  active_range = NULL,
  heading_level = NULL,
  month_style = NULL,
  numbering_system = NULL,
  proximity_selection_disabled = NULL,
  ...
)

Arguments

Details

Date Formats

• Dates should be provided as strings in "yyyy-mm-dd" format

• For range mode, provide an array: c("2024-01-15", "2024-01-20")

• The component always returns dates as an array of strings, even in single date mode

Shiny Integration

When used in a Shiny app with an id, calcite_date_picker() returns a reactive list containing component properties.

Available properties:

• ⁠$value⁠ - Array of selected date strings (always an array, even for single dates)

• ⁠$range⁠ - Whether range mode is enabled

• ⁠$min⁠ - Minimum allowed date

• ⁠$max⁠ - Maximum allowed date

• Other component properties

Usage in server:

# Single date mode
observeEvent(input$my_date$value, {
  selected_date <- input$my_date$value[1]  # Get first (and only) date
  message("Selected: ", selected_date)
})

# Range mode
observeEvent(input$my_date_range$value, {
  start_date <- input$my_date_range$value[1]
  end_date <- input$my_date_range$value[2]
  message("Range: ", start_date, " to ", end_date)
})

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic date picker
calcite_date_picker(
  id = "my_date"
)

# Date picker with initial value
calcite_date_picker(
  id = "event_date",
  value = "2024-12-25"
)

# Date picker with min/max constraints
calcite_date_picker(
  id = "booking_date",
  min = "2024-01-01",
  max = "2024-12-31"
)

# Range date picker
calcite_date_picker(
  id = "date_range",
  range = TRUE,
  value = c("2024-01-15", "2024-01-20")
)

Create a Dialog component

Description

Create a Dialog component

Usage

calcite_dialog(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_dialog()

Create a Dropdown component

Description

Create a Dropdown component

Usage

calcite_dropdown(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_dropdown()

Create a DropdownGroup component

Description

Create a DropdownGroup component

Usage

calcite_dropdown_group(...)

Arguments

Details

Properties

The following properties are provided by this component:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_dropdown_group()

Create a DropdownItem component

Description

Create a DropdownItem component

Usage

calcite_dropdown_item(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_dropdown_item()

Create a Fab component

Description

Create a Fab component

Usage

calcite_fab(...)

Arguments

Details

Properties

The following properties are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_fab()

Create a Filter component

Description

Create a Filter component

Usage

calcite_filter(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_filter()

Create a Flow component

Description

Create a Flow component

Usage

calcite_flow(...)

Arguments

Details

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_flow()

Create a FlowItem component

Description

Create a FlowItem component

Usage

calcite_flow_item(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_flow_item()

Create a Icon component

Description

Create a Icon component

Usage

calcite_icon(...)

Arguments

Details

Properties

The following properties are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_icon()

Create a InlineEditable component

Description

Create a InlineEditable component

Usage

calcite_inline_editable(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_inline_editable()

Create a InputDatePicker component

Description

Create a InputDatePicker component

Usage

calcite_input_date_picker(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_input_date_picker()

Create a Calcite File Input Component

Description

Creates a file input component for selecting files from the user's device. Use the accept argument to restrict which file types can be selected. This component works by syncing with Shiny's native file upload mechanism to handle file transfers to the server.

Usage

calcite_input_file(
  id = NULL,
  accept = NULL,
  multiple = FALSE,
  disabled = NULL,
  label = NULL,
  label_text = NULL,
  required = NULL,
  scale = NULL,
  validation_icon = NULL,
  validation_message = NULL
)

Arguments

Details

Shiny Integration

When used in a Shiny app, calcite_input_file() works like shiny::fileInput() and returns a data frame via input$id with one row per uploaded file.

Columns in input$id:

• name - The filename provided by the browser

• size - File size in bytes

• type - MIME type (e.g., "text/csv")

• datapath - Path to a temp file containing the uploaded data. Use this path to read the file contents (e.g., read.csv(input$my_file$datapath[1]))

The uploaded files are stored in a temporary directory and will be deleted when the Shiny session ends.

Value

An object of class calcite_component

References

Official Documentation

Examples

# Accept CSV files only
calcite_input_file(
  id = "my_file",
  accept = "csv",
  label_text = "Upload a CSV file"
)

# Accept multiple image formats
calcite_input_file(
  id = "my_file",
  accept = c("png", "jpg", "jpeg", "gif"),
  multiple = TRUE,
  label_text = "Upload images"
)

if (interactive()) {
  library(shiny)

  ui <- calcite_shell(
    calcite_panel(
      heading = "File Upload",
      calcite_input_file(
        id = "csv_upload",
        accept = "csv",
        label_text = "Upload CSV"
      ),
      tableOutput("contents")
    )
  )

  server <- function(input, output, session) {
    output$contents <- renderTable({
      req(input$csv_upload)
      read.csv(input$csv_upload$datapath[1])
    })
  }

  shinyApp(ui, server)
}

Create a Calcite Input Message Component

Description

Creates a message component that displays validation messages, hints, and other contextual feedback for input components.

Usage

calcite_input_message(
  ...,
  status = NULL,
  icon = NULL,
  icon_flip_rtl = NULL,
  scale = NULL,
  id = NULL
)

Arguments

Details

Usage

Input messages are typically used inside a calcite_label() component alongside an input to provide contextual feedback, validation messages, or hints.

Status Options

• "valid": Green checkmark icon, success message

• "invalid": Red warning icon, error message

• "idle": Default state, informational message

Dynamic Messages

Use textOutput() in the slot and renderText() in the server to create dynamic validation messages. Use update_calcite() to change the status/icon properties.

Value

An object of class calcite_component

References

Official Documentation

Examples

# Static message
calcite_input_message(
  "Username is available",
  status = "valid",
  icon = TRUE
)

# Dynamic message with textOutput
calcite_input_message(
  shiny::textOutput("validation_msg"),
  status = "invalid",
  icon = "exclamation-mark-circle",
  id = "msg"
)

# With input in a label
calcite_label(
  label = "Username",
  calcite_input_text(
    id = "username",
    placeholder = "Enter username"
  ),
  calcite_input_message(
    "Username must be 3-20 characters",
    status = "idle"
  )
)

Create a Calcite Input Number Component

Description

Creates a number input component for form entry where users can enter numeric values. Supports integer-only mode, min/max constraints, and number formatting.

Usage

calcite_input_number(
  id = NULL,
  value = NULL,
  name = NULL,
  placeholder = NULL,
  label = NULL,
  label_text = NULL,
  alignment = NULL,
  autocomplete = NULL,
  clearable = NULL,
  disabled = NULL,
  form = NULL,
  group_separator = NULL,
  icon = NULL,
  icon_flip_rtl = NULL,
  integer = NULL,
  loading = NULL,
  max = NULL,
  min = NULL,
  number_button_type = NULL,
  numbering_system = NULL,
  prefix_text = NULL,
  read_only = NULL,
  required = NULL,
  scale = NULL,
  status = NULL,
  step = NULL,
  suffix_text = NULL,
  validation_icon = NULL,
  validation_message = NULL,
  action = NULL,
  label_content = NULL
)

Arguments

Details

Shiny Integration

When used in a Shiny app, calcite_input_number() returns a reactive list containing:

Available properties:

• ⁠$value⁠ - The current numeric value (as string)

• ⁠$validity⁠ - Object containing validation state (valid, badInput, rangeOverflow, etc.)

• ⁠$status⁠ - Current status ("idle", "valid", "invalid")

• Other component properties

Usage in server:

# Watch for value changes
observeEvent(input$age$value, {
  age_num <- as.numeric(input$age$value)
  print(paste("Age:", age_num))
})

# Check validity
observeEvent(input$age, {
  if (input$age$validity$valid) {
    print("Valid number entered")
  }
  if (input$age$validity$rangeOverflow) {
    print("Number is too large")
  }
})

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic number input
calcite_input_number(
  id = "quantity",
  placeholder = "Enter quantity"
)

# Integer-only input with constraints
calcite_input_number(
  id = "age",
  integer = TRUE,
  min = 0,
  max = 120,
  step = 1,
  required = TRUE
)

# Price input with formatting
calcite_input_number(
  id = "price",
  prefix_text = "$",
  group_separator = TRUE,
  step = 0.01,
  min = 0
)

# Percentage input
calcite_input_number(
  id = "percent",
  suffix_text = "%",
  min = 0,
  max = 100,
  step = 1
)

Create a Calcite Input Text Component

Description

Creates a text input component for form entry where users can enter text values. Supports validation, length constraints, and pattern matching.

Usage

calcite_input_text(
  id = NULL,
  value = NULL,
  name = NULL,
  placeholder = NULL,
  label = NULL,
  label_text = NULL,
  alignment = NULL,
  autocomplete = NULL,
  clearable = NULL,
  disabled = NULL,
  form = NULL,
  icon = NULL,
  icon_flip_rtl = NULL,
  loading = NULL,
  max_length = NULL,
  min_length = NULL,
  pattern = NULL,
  prefix_text = NULL,
  read_only = NULL,
  required = NULL,
  scale = NULL,
  status = NULL,
  suffix_text = NULL,
  validation_icon = NULL,
  validation_message = NULL,
  action = NULL,
  label_content = NULL
)

Arguments

Details

Shiny Integration

When used in a Shiny app, calcite_input_text() returns a reactive list containing:

Available properties:

• ⁠$value⁠ - The current text value

• ⁠$validity⁠ - Object containing validation state (valid, tooLong, tooShort, patternMismatch, etc.)

• ⁠$status⁠ - Current status ("idle", "valid", "invalid")

• Other component properties

Usage in server:

# Watch for value changes
observeEvent(input$username$value, {
  print(paste("Username:", input$username$value))
})

# Check validity
observeEvent(input$username, {
  if (input$username$validity$valid) {
    print("Valid username entered")
  }
  if (input$username$validity$tooShort) {
    print("Username is too short")
  }
})

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic text input
calcite_input_text(
  id = "username",
  placeholder = "Enter username"
)

# Text input with length constraints
calcite_input_text(
  id = "username",
  min_length = 3,
  max_length = 20,
  required = TRUE
)

# Text input with pattern validation
calcite_input_text(
  id = "zip_code",
  pattern = "\\d{5}",
  placeholder = "12345"
)

# Search input with icon
calcite_input_text(
  id = "search",
  icon = "search",
  clearable = TRUE,
  placeholder = "Search..."
)

Create a InputTimePicker component

Description

Create a InputTimePicker component

Usage

calcite_input_time_picker(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_input_time_picker()

Create a InputTimeZone component

Description

Create a InputTimeZone component

Usage

calcite_input_time_zone(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_input_time_zone()

Create a Calcite Label Component

Description

Creates a label component that wraps and provides accessible text for form controls and other interactive elements.

Usage

calcite_label(
  label,
  ...,
  target_id = NULL,
  id = NULL,
  alignment = NULL,
  layout = NULL,
  scale = NULL
)

Arguments

Value

An object of class calcite_component

References

Official Documentation

Examples

# Label wrapping an input
calcite_label(
  label = "Username",
  calcite_input_text(
    id = "username",
    placeholder = "Enter username"
  )
)

# Label with inline layout
calcite_label(
  label = "Subscribe",
  layout = "inline",
  calcite_checkbox(id = "subscribe")
)

# Label with external component (using target_id)
htmltools::tagList(
  calcite_label(
    label = "Password",
    target_id = "password"
  ),
  calcite_input_text(id = "password", placeholder = "Enter password")
)

Create a Calcite Link Component

Description

Creates a link component for navigation or performing actions. Links are useful for tertiary-level actions or inline navigation within text.

Usage

calcite_link(
  text,
  href,
  id = NULL,
  disabled = NULL,
  download = NULL,
  icon_end = NULL,
  icon_flip_rtl = NULL,
  icon_start = NULL,
  rel = NULL,
  target = NULL
)

Arguments

Details

Usage Guidelines

Use Links for:

• Navigation to another page or section

• Tertiary-level actions in a group

• Inline actions within sentences

Use Buttons instead for:

• Primary actions like "Create", "Submit", "Upload"

• Task completion actions

• Prominent calls to action

Best Practices

• Avoid making entire sentences into links

• Link text should be descriptive of the destination

• Use target = "_blank" with rel = "noopener noreferrer" for external links

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic link
calcite_link(
  text = "View documentation",
  href = "https://developers.arcgis.com/calcite-design-system/"
)

# Link with icon
calcite_link(
  text = "External site",
  href = "https://example.com",
  icon_end = "launch",
  target = "_blank",
  rel = "noopener noreferrer"
)

# Download link
calcite_link(
  text = "Download report",
  href = "/files/report.pdf",
  download = "monthly-report.pdf",
  icon_start = "download"
)

# Disabled link
calcite_link(
  text = "Coming soon",
  href = "#",
  disabled = TRUE
)

Create a List component

Description

A general purpose list that enables users to construct list items that conform to Calcite styling.

Usage

calcite_list(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_list()

Create a ListItem component

Description

Create a ListItem component

Usage

calcite_list_item(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_list_item()

Create a ListItemGroup component

Description

Create a ListItemGroup component

Usage

calcite_list_item_group(...)

Arguments

Details

Properties

The following properties are provided by this component:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_list_item_group()

Create a Loader component

Description

Create a Loader component

Usage

calcite_loader(...)

Arguments

Details

Properties

The following properties are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_loader()

Create a Menu component

Description

Create a Menu component

Usage

calcite_menu(...)

Arguments

Details

Properties

The following properties are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_menu()

Create a MenuItem component

Description

Create a MenuItem component

Usage

calcite_menu_item(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_menu_item()

Create a Meter component

Description

Create a Meter component

Usage

calcite_meter(...)

Arguments

Details

Properties

The following properties are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_meter()

Create a Modal component

Description

Use the calcite-dialog component instead.

Usage

calcite_modal(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_modal()

Create a Navigation component

Description

Create a Navigation component

Usage

calcite_navigation(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_navigation()

Create a NavigationLogo component

Description

Create a NavigationLogo component

Usage

calcite_navigation_logo(...)

Arguments

Details

Properties

The following properties are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_navigation_logo()

Create a NavigationUser component

Description

Create a NavigationUser component

Usage

calcite_navigation_user(...)

Arguments

Details

Properties

The following properties are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_navigation_user()

Create a Calcite Notice Component

Description

Creates a notice component for displaying informative, contextually relevant messages. Best for persistent information that can be open at page load or displayed as a result of user action.

Usage

calcite_notice(
  ...,
  title = NULL,
  message = NULL,
  link = NULL,
  actions_end = NULL,
  id = NULL,
  open = NULL,
  closable = NULL,
  icon = NULL,
  icon_flip_rtl = NULL,
  kind = NULL,
  scale = NULL,
  width = NULL
)

Arguments

Details

Shiny Integration

The notice emits events when opened or closed, making it easy to track state and respond to user dismissals.

Available properties in input$id:

• ⁠$open⁠ - Whether the notice is currently visible

• ⁠$closable⁠ - Whether the notice can be closed

• ⁠$kind⁠ - The type of notice

• Other component properties

Basic usage:

calcite_notice(
  id = "my_notice",
  open = TRUE,
  closable = TRUE,
  kind = "success",
  icon = TRUE,
  title = "Success!",
  message = "Your changes have been saved."
)

# In server - detect when user closes the notice
observeEvent(input$my_notice$open, {
  if (!input$my_notice$open) {
    message("User dismissed the notice")
  }
})

Show/hide from server:

# Show a notice
update_calcite("my_notice", open = TRUE)

# Hide a notice
update_calcite("my_notice", open = FALSE)

Slots

The notice supports several slots for organizing content:

• title: The notice title

• message: The notice message

• link: A calcite-action for links like "Read more"

• actions-end: Additional actions (recommended: 2 or fewer)

Best Practices

• Use for informative, contextually relevant information

• Can be open at page load or shown based on user action

• Can be persistent or closable

• Use appropriate kind to convey message severity

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic notice
calcite_notice(
  open = TRUE,
  icon = TRUE,
  closable = TRUE,
  title = "New feature available",
  message = "Check out the reporting dashboard"
)

# Notice with specific icon and kind
calcite_notice(
  open = TRUE,
  kind = "danger",
  icon = "exclamation-mark-triangle",
  title = "Error in form",
  message = "Please correct the highlighted fields"
)

# Notice with action link
calcite_notice(
  open = TRUE,
  icon = "layers-reference",
  title = "Try this trick",
  message = "Select multiple layers at once",
  link = calcite_link(text = "Read more", href = "#")
)

# Shiny example with server control
if (interactive()) {
  library(shiny)

  ui <- calcite_shell(
    calcite_panel(
      heading = "Notice Demo",

      calcite_notice(
        id = "my_notice",
        open = FALSE,
        closable = TRUE,
        kind = "success",
        icon = TRUE,
        title = "Success!",
        message = "Your action completed successfully"
      ),

      calcite_button(
        id = "show_notice",
        "Show Notice"
      ),

      verbatimTextOutput("notice_status")
    )
  )

  server <- function(input, output, session) {
    observeEvent(input$show_notice$clicks, {
      update_calcite("my_notice", open = TRUE)
    })

    output$notice_status <- renderPrint({
      input$my_notice
    })
  }

  shinyApp(ui, server)
}

Create a Calcite Option Component

Description

Option provides a selectable item within a calcite_select() component. Each option represents a single choice in the select dropdown menu.

Usage

calcite_option(label, value, disabled = NULL, selected = NULL, ...)

Arguments

Details

Options are used within calcite_select() to define the available choices. The value parameter determines what value will be sent to Shiny when the option is selected.

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic option
calcite_option(
  label = "First Option",
  value = "1"
)

# Selected option
calcite_option(
  label = "Default Selection",
  value = "default",
  selected = TRUE
)

# Disabled option
calcite_option(
  label = "Unavailable",
  value = "unavailable",
  disabled = TRUE
)

# Use with calcite_select
calcite_select(
  id = "my_select",
  label = "Choose one",
  calcite_option(label = "Option 1", value = "1"),
  calcite_option(label = "Option 2", value = "2", selected = TRUE),
  calcite_option(label = "Option 3", value = "3")
)

Create a OptionGroup component

Description

Create a OptionGroup component

Usage

calcite_option_group(...)

Arguments

Details

Properties

The following properties are provided by this component:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_option_group()

Create a Pagination component

Description

Create a Pagination component

Usage

calcite_pagination(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_pagination()

Create a Calcite Panel Component

Description

Panel is a container that can house interactions as well as live within other Calcite Components. It provides a header with heading text and a summary, and slots to add Actions and Icons to the start and end of the header.

Usage

calcite_panel(
  ...,
  id = NULL,
  heading = NULL,
  description = NULL,
  closable = NULL,
  closed = NULL,
  collapsed = NULL,
  collapse_direction = NULL,
  collapsible = NULL,
  disabled = NULL,
  heading_level = NULL,
  icon = NULL,
  icon_flip_rtl = NULL,
  loading = NULL,
  menu_flip_placements = NULL,
  menu_open = NULL,
  menu_placement = NULL,
  message_overrides = NULL,
  overlay_positioning = NULL,
  scale = NULL,
  action_bar = NULL,
  alerts = NULL,
  content_bottom = NULL,
  content_top = NULL,
  header_actions_start = NULL,
  header_actions_end = NULL,
  header_content = NULL,
  header_menu_actions = NULL,
  fab = NULL,
  footer = NULL,
  footer_start = NULL,
  footer_end = NULL
)

Arguments

Details

Shiny Integration

The panel emits events when it's closed, collapsed, expanded, scrolled, or toggled.

Available properties in input$id:

• ⁠$closable⁠ - Whether the close button is displayed

• ⁠$closed⁠ - Whether the panel is hidden

• ⁠$collapsed⁠ - Whether the content area is collapsed

• ⁠$collapsible⁠ - Whether the panel is collapsible

• ⁠$disabled⁠ - Whether the panel is disabled

• Other component properties

Events:

• calcitePanelClose - Fires when the close button is clicked

• calcitePanelCollapse - Fires when the content area is collapsed

• calcitePanelExpand - Fires when the content area is expanded

• calcitePanelScroll - Fires when the content is scrolled

• calcitePanelToggle - Fires when the collapse button is clicked

Value

An object of class calcite_component

References

Official Documentation

Examples

# Basic panel with heading
calcite_panel(
  id = "my_panel",
  heading = "Map Options",
  "Panel content goes here..."
)

# Collapsible panel with icon
calcite_panel(
  heading = "Layer effects",
  description = "Adjust blur, highlight, and more",
  collapsible = TRUE,
  icon = "effects",
  "Panel content"
)

# Panel with header actions and footer
calcite_panel(
  heading = "Settings",
  header_actions_start = calcite_action(
    icon = "question",
    text = "Help",
    slot = "header-actions-start"
  ),
  header_actions_end = calcite_action(
    icon = "save",
    text = "Save",
    slot = "header-actions-end"
  ),
  footer = htmltools::tagList(
    calcite_button(width = "half", appearance = "outline", "Cancel"),
    calcite_button(width = "half", "Save")
  ),
  "Panel content"
)

Create a Popover component

Description

Create a Popover component

Usage

calcite_popover(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Slots

The following slots are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_popover()

Create a Progress component

Description

Create a Progress component

Usage

calcite_progress(...)

Arguments

Details

Properties

The following properties are provided by this component:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_progress()

Create a RadioButton component

Description

Create a RadioButton component

Usage

calcite_radio_button(...)

Arguments

Details

Properties

The following properties are provided by this component:

Events

The following events are observed by shiny:

Value

an object of class calcite_component which is a subclass of shiny.tag

References

Official Documentation

Examples

calcite_radio_button()

Create a RadioButtonGroup component

Description

Create a RadioButtonGroup component

Usage

calcite_radio_button_group(...)

Arguments

Details

Properties

The following properties are provided by this component: