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"),
        ),
    ],
)

Basic ExpansionPanel

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 the header when the panel is expanded.

• 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 is True, tapping on the header will expand or collapse the panel.

• highlight_color(ColorValue | None) –

  TBD

• splash_color(ColorValue | None) –

  TBD

Properties

bgcolor class-attribute instance-attribute

bgcolor: ColorValue | None = None

The background color of the panel.

can_tap_header class-attribute instance-attribute

can_tap_header: bool = False

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

content class-attribute instance-attribute

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 class-attribute instance-attribute

expanded: bool = False

Whether expanded(True) or collapsed(False).

header class-attribute instance-attribute

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 class-attribute instance-attribute

highlight_color: ColorValue | None = None

TBD

splash_color class-attribute instance-attribute

splash_color: ColorValue | None = None

TBD