Custom Components GalleryNEW

Explore

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

Parameter Description
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.