Download this notebook from GitHub (right-click to download).

import panel as pn

The Toggle widget allows toggling a single condition between True/False states. This widget is interchangeable with the Checkbox widget.

For more information about listening to widget events and laying out widgets refer to the widgets user guide. Alternatively you can learn how to build GUIs by declaring parameters independently of any specific widgets in the param user guide. To express interactivity entirely using Javascript without the need for a Python server take a look at the links user guide.


For layout and styling related parameters see the customization user guide.


  • value (boolean): Whether the button is toggled or not


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

  • disabled (boolean): Whether the widget is editable

  • name (str): The title of the widget

toggle = pn.widgets.Toggle(name='Toggle', button_type='success')


Toggle.value is either True or False depending on whether the button is toggled:


The color of the Toggle can be selected using one of the available button_types:

pn.Column(*(pn.widgets.Toggle(name=p, button_type=p) for p in pn.widgets.Toggle.param.button_type.objects))


The Toggle 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(toggle.controls(jslink=True), toggle)
This web page was generated from a Jupyter notebook and not all interactivity will work on this website. Right click to download and run locally for full Python-backed interactivity.

Download this notebook from GitHub (right-click to download).