On this page

IntSlider#

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

import panel as pn

pn.extension()

The IntSlider widget allows selecting selecting an integer value within a set bounds using a slider.

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.

Parameters:#

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

Core#

  • start (int): The range’s lower bound

  • end (int): The range’s upper bound

  • step (int): The interval between values

  • value (int): The selected value as an int type

  • value_throttled (int): The selected value as a int type throttled until mouseup

Display#

  • bar_color (color): Color of the slider bar as a hexadecimal RGB value

  • direction (str): Whether the slider should go from left to right (‘ltr’) or right to left (‘rtl’)

  • disabled (boolean): Whether the widget is editable

  • format (str, bokeh.models.TickFormatter): Formatter to apply to the slider value

  • name (str): The title of the widget

  • orientation (str): Whether the slider should be displayed in a ‘horizontal’ or ‘vertical’ orientation.

  • tooltips (boolean): Whether to display tooltips on the slider handle

int_slider = pn.widgets.IntSlider(name='Integer Slider', start=0, end=8, step=2, value=4)

int_slider

The IntSlider value is returned as a integer and can be accessed and set like any other widget:

int_slider.value

4

A custom format string or bokeh TickFormatter may be used to format the slider values:

from bokeh.models.formatters import PrintfTickFormatter

str_format = pn.widgets.IntSlider(name='Rank', format='0o', start=0, end=100)

tick_format = pn.widgets.IntSlider(name='Count', format=PrintfTickFormatter(format='%d ducks'), start=0, end=100)

pn.Column(str_format, tick_format)

Controls#

The IntSlider 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(int_slider.controls(jslink=True), int_slider)
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).