Animated glass-style tab navigation UI

Usage

glassTabsUI(
  id,
  ...,
  selected = NULL,
  wrap = TRUE,
  compact = FALSE,
  extra_ui = NULL,
  theme = NULL,
  dark_selector = NULL
)

id: Module namespace id.
...: One or more glassTabPanel() objects.
selected: Value of the initially selected tab.
wrap: Logical. When TRUE wraps everything in a div.gt-container.
compact: Logical. When TRUE applies reduced padding and spacing via the .gt-compact CSS modifier — useful inside dashboard cards or tight layouts (e.g. bs4Dash).
extra_ui: Optional additional UI placed to the right of the tab bar.
theme: One of "dark", "light", or a glass_tab_theme() object.
dark_selector: Optional CSS selector for a parent element that signals dark mode (e.g. "body.dark-mode" for bs4Dash, "[data-bs-theme=dark]" for Bootstrap 5). When provided and theme = "light", a second scoped <style> block overrides the CSS variables back to the dark-mode defaults whenever that selector is active — so the tabs stay readable after a dark-mode toggle without any server-side intervention.

An htmltools::tagList ready to use in a Shiny UI.