Skip to main content

modal_side_sheet_provider

Function modal_side_sheet_provider 

Source
pub fn modal_side_sheet_provider() -> ModalSideSheetProviderBuilder
Expand description

Show a modal side sheet that blocks interaction with the main content.

§Usage

Present filters or details that require an explicit dismissal.

§Parameters

  • accessibility_label — accessible name describing the dialog or sheet.
  • on_close_request — optional close-request callback.
  • position — side sheet edge position.
  • is_open — declarative open state.
  • max_width — maximum surface width, constrained by the host; defaults to 400dp.
  • content_padding — inset inside the surface; defaults to 24dp. Negative dimensions become zero; non-finite dimensions use their defaults.
  • controller — optional external controller.
  • main_content — optional main content rendered behind the sheet.
  • side_sheet_content — optional side sheet content.

§Examples

use tessera_components::side_sheet::modal_side_sheet_provider;
material_theme()
    .theme(|| MaterialTheme::default())
    .child(|| {
        modal_side_sheet_provider()
            .accessibility_label("Filters")
            .on_close_request(|| {})
            .is_open(true)
            .max_width(tessera_ui::Dp(360.0))
            .content_padding(tessera_ui::Dp::ZERO)
            .main_content(|| { /* main content */ })
            .side_sheet_content(|| { /* side sheet content */ });
    });