ExpansionPanel

A material expansion panel. It can either be expanded or collapsed. Its body is only visible when it is expanded.

ft.ExpansionPanelList(
    width=400,
    controls=[
        ft.ExpansionPanel(
            header=ft.Text("Shipping address"),
            content=ft.Text("123 Market Street, Springfield"),
            expanded=True,
        ),
        ft.ExpansionPanel(
            header=ft.Text("Billing address"),
            content=ft.Text("Same as shipping"),
        ),
    ],
)

Inherits: LayoutControl, AdaptiveControl

Properties

bgcolor(ColorValue | None) –

The background color of the panel.
can_tap_header(bool) –

If True, tapping on the panel's header will expand or collapse it.
content(Control | None) –

The control to be found in the body of the ExpansionPanel. It is displayed below
expanded(bool) –

Whether expanded(True) or collapsed(False).
header(Control | None) –

The control to be found in the header of the ExpansionPanel. If can_tap_header
highlight_color(ColorValue | None) –

TBD
splash_color(ColorValue | None) –

TBD

Properties#

bgcolor #

bgcolor: ColorValue | None = None

The background color of the panel.

can_tap_header #

can_tap_header: bool = False

If True, tapping on the panel's header will expand or collapse it.

content #

content: Control | None = None

The control to be found in the body of the ExpansionPanel. It is displayed below the header when the panel is expanded.

If this property is None, the ExpansionPanel will have a placeholder Text as content.

expanded #

expanded: bool = False

Whether expanded(True) or collapsed(False).

header #

header: Control | None = None

The control to be found in the header of the ExpansionPanel. If can_tap_header is True, tapping on the header will expand or collapse the panel.

If this property is None, the ExpansionPanel will have a placeholder Text as header.

highlight_color #

highlight_color: ColorValue | None = None

TBD

splash_color #

splash_color: ColorValue | None = None

TBD