Skip to main content

navigation_drawer

Function navigation_drawer 

Source
pub fn navigation_drawer() -> NavigationDrawerBuilder
Expand description

Arrange primary destinations on a 360dp navigation surface.

§Usage

Provide persistent navigation or drawer content inside a modal side sheet.

§Parameters

  • modifier — drawer placement and optional height constraints.
  • style — standard surface or raised modal surface treatment.
  • content — destinations, headings, and separators in display order.
  • accessibility_label — name announced for this navigation region.

§Examples

use tessera_components::navigation_drawer::{navigation_drawer, navigation_drawer_item};
use tessera_ui::{remember, tessera};

#[tessera]
fn navigation() {
    let selected = remember(|| 0usize);
    navigation_drawer().content(move || {
        navigation_drawer_item()
            .label("Inbox")
            .selected(selected.get() == 0)
            .on_click(move || selected.set(0));
    });
}