page_actionbar: Create a Shell with Action Bar Layout

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

Create a Shell with Action Bar Layout

Description

A convenience function that creates a common layout pattern: a shell with a navigation header, an action bar, and a side panel. This is ideal for map-based applications or tools with multiple layers/options.

Usage

page_actionbar(
  ...,
  title = NULL,
  header_actions = NULL,
  actions = NULL,
  panel_content = NULL,
  panel_position = c("start", "end"),
  panel_width = c("m", "s", "l"),
  footer = NULL
)

Arguments

...	Main content area (typically a map or primary view)
title	Application title shown in the navigation header
header_actions	Optional actions for the header (e.g., user menu, settings). These will be placed in the content-end slot of the navigation.
actions	A calcite_action_bar() component to slot alongside the panel.
panel_content	A calcite_panel() shown when an action is selected.
panel_position	Position of the panel: "start" (left) or "end" (right).
panel_width	Width of the shell panel: "s", "m", or "l".
footer	Optional footer content

Value

An object of class calcite_component containing a configured shell

Examples

page_actionbar(
  title = "Wildlife Areas",
  actions = calcite_action_bar(
    calcite_action(text = "Add", icon = "plus"),
    calcite_action(text = "Layers", icon = "layers", active = TRUE)
  ),
  panel_content = calcite_panel(
    heading = "Layers",
    "Layer controls here"
  ),
  "Map content here"
)

calcite documentation built on March 3, 2026, 5:07 p.m.