Slider

The Slider component creates a slider for selecting numeric values within a range.

Basic usage

import gradio as gr

def adjust_brightness(value):
    return f"Brightness: {value}%"

gr.Interface(
    fn=adjust_brightness,
    inputs=gr.Slider(0, 100),
    outputs=gr.Textbox()
).launch()

Constructor

float

default:"0"

Minimum slider value

float

default:"100"

Maximum slider value

float | Callable | None

default:"None"

Default value for slider

float | None

default:"None"

Increment between slider values. If None, auto-calculated

int | None

default:"None"

Precision for rounding. If 0, converts to int

str | None

default:"None"

Label displayed above the component

bool

default:"False"

If True, value is randomly set within range on load

list[Literal['reset']] | None

default:"None"

Buttons to show. Options: "reset" to reset to default value

Events

change - Triggered when value changes
input - Triggered while dragging slider
release - Triggered when slider is released

Examples

Integer slider

import gradio as gr

gr.Slider(
    minimum=1,
    maximum=10,
    step=1,
    value=5,
    label="Select a number"
)

With custom step

import gradio as gr

gr.Slider(
    minimum=0,
    maximum=1,
    step=0.1,
    value=0.5,
    label="Confidence threshold"
)

Overview

Input Components

Output Components

Layout Components

Control Components

Special Components

Basic usage

Constructor

Events

Examples

Integer slider

With custom step

​Basic usage

​Constructor

​Events

​Examples

​Integer slider

​With custom step

Basic usage

Constructor

Events

Examples

Integer slider

With custom step