Skip to content

BusinessVariablePanel

Business Variable panel - dashboard variable display and interaction.

Use for displaying and interacting with dashboard variables in various layouts.

<BusinessVariablePanel
title="Filters"
displayMode="table"
variable="instance"
showAllOption
/>
PropTypeDefaultDescription
variable *stringrequiredVariable name to control (without $ prefix)
displayMode'table' | 'minimize' | 'button' | 'slider'-Display mode layout
toolbarMode'tabs' | 'buttons'-Toolbar mode for tabs/buttons display
headerboolean-Show panel header
showLabelboolean-Show variable label
showNameboolean-Show variable name
showResetButtonboolean-Show reset button
filterboolean-Enable filtering/search
paddingnumber-Padding in pixels
showAllOptionboolean-Show “All” option
allowEmptyValueboolean-Allow empty values
allowCustomValueboolean-Allow custom values
stickyboolean-Enable sticky positioning
favoritesboolean-Enable favorites functionality
favoritesStorage'browser' | 'datasource'-Store favorites in data source (requires Grafana 11.5+)
alwaysVisibleSearchboolean-Always show search (prevent hiding)
persistentboolean-Enable persistent mode (store in local storage)
showCountsboolean-Show total and selected counts
treeViewLevelsTreeViewLevel[]-TreeView levels configuration
groupsVariableGroup[]-Groups/tabs configuration
selectedGroupIdstring-Selected group ID for tab preservation across dashboards
showStatusboolean-Enable status display from data source thresholds
redirectDashboardstring-Redirect to another dashboard on selection
latencyRequestnumber-Latency request delay in milliseconds
treeViewWrapboolean-Wrap values in TreeView
minimizedIconstring-Custom icon for minimized panel
optionsRecord<string, unknown>-Additional options (passed directly to plugin)

Props marked with * are required.

*Inherits from [Omit< BasePanelProps, ‘children’

](/grafana-react/api/types/#omit< basepanelprops, ‘children’ )*