Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
holoviz
GitHub Repository: holoviz/panel
Path: blob/main/examples/reference/widgets/CheckButtonGroup.ipynb
2011 views
Kernel: Unknown Kernel
import panel as pn pn.extension()

The CheckButtonGroup widget allows selecting between a list of options by toggling the corresponding buttons. It falls into the broad category of multi-option selection widgets that provide a compatible API and include the MultiSelect, CrossSelector and CheckBoxGroup widgets.

Discover more on using widgets to add interactivity to your applications in the how-to guides on interactivity. Alternatively, learn how to set up callbacks and (JS-)links between parameters or how to use them as part of declarative UIs with Param.

Parameters:

For details on other options for customizing the component see the layout and styling how-to guides.

Core
  • options (list or dict): List or dictionary of options

  • value (boolean): Currently selected options

Display
  • button_type (str): A button theme should be one of 'default' (white), 'primary' (blue), 'success' (green), 'info' (yellow), or 'danger' (red)

  • description (str | Bokeh Tooltip | pn.widgets.TooltipIcon): A description which is shown when the widget is hovered.

  • disabled (boolean): Whether the widget is editable

  • name (str): The title of the widget

  • orientation (str, default='horizontal'): Button group orientation, either 'horizontal' or 'vertical'


checkbutton_group = pn.widgets.CheckButtonGroup(name='Check Button Group', value=['Apple', 'Pear'], options=['Apple', 'Banana', 'Pear', 'Strawberry']) checkbutton_group

CheckButtonGroup.value returns a list of the currently selected options:

checkbutton_group.value

Styles

The color of the button can be set by selecting one of the available button_type values and the button_style can be 'solid' or 'outline':

pn.Row( *(pn.Column(*( pn.widgets.CheckButtonGroup( name=p, button_type=p, button_style=bs, options=['Foo', 'Bar', 'Baz'], value=['Bar'] ) for p in pn.widgets.Button.param.button_type.objects )) for bs in pn.widgets.Button.param.button_style.objects) )

Controls

The CheckButtonGroup widget exposes a number of options which can be changed from both Python and Javascript. Try out the effect of these parameters interactively:

pn.Row(checkbutton_group.controls(jslink=True), checkbutton_group)