express.ui.input_checkbox_group

express.ui.input_checkbox_group(id, label, choices, *, selected=None, inline=False, width=None)

Create a group of checkboxes that can be used to toggle multiple choices independently.

Parameters

id: str

An input id.

label: TagChild

An input label.

choices: ChoicesArg

Either a list of choices or a dictionary mapping choice values to labels. Note that if a dictionary is provided, the keys are used as the (input) values so that the dictionary values can hold HTML labels.

selected: Optional[str | list[str]] = None

The values that should be initially selected, if any.

inline: bool = False

If True, the result is displayed inline.

width: Optional[str] = None

The CSS width, e.g. ‘400px’, or ‘100%’.

Returns

Type Description
Tag A UI element.

Notes

Server value

A tuple of string(s) with the selected value(s) (if any).

See Also

Examples

#| standalone: true
#| components: [editor, viewer]
#| layout: vertical
#| viewerHeight: 400

## file: app.py
from shiny import req
from shiny.express import input, render, ui

ui.input_checkbox_group(
    "colors",
    "Choose color(s):",
    {
        "red": ui.span("Red", style="color: #FF0000;"),
        "green": ui.span("Green", style="color: #00AA00;"),
        "blue": ui.span("Blue", style="color: #0000AA;"),
    },
)


@render.ui
def val():
    req(input.colors())
    return "You chose " + ", ".join(input.colors())