Gradio's Journey to 1 Million Monthly Users!

Read More
  1. Blocks Layout
  2. Accordion

New to Gradio? Start here: Getting Started

See the Release History

Accordion

gradio.Accordion(ยทยทยท)

Description

Accordion is a layout element which can be toggled to show/hide the contained content.

Example Usage

with gr.Accordion("See Details"):
    gr.Markdown("lorem ipsum")

Initialization

Parameters
๐Ÿ”—
label: str | None
default = None

name of accordion section.

๐Ÿ”—
open: bool
default = True

if True, accordion is open by default.

๐Ÿ”—
visible: bool
default = True
๐Ÿ”—
elem_id: str | None
default = None

An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.

๐Ÿ”—
elem_classes: list[str] | str | None
default = None

An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.

๐Ÿ”—
render: bool
default = True

If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.