bevy_material_ui 0.2.7

Material Design 3 UI components for Bevy game engine
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

//! Chip Demo
//!
//! Demonstrates filter chips.

use bevy::prelude::*;
use bevy_material_ui::prelude::*;

fn main() {
    App::new()
        .add_plugins(DefaultPlugins)
        .add_plugins(MaterialUiPlugin)
        .add_plugins(TelemetryPlugin)
        .add_systems(Startup, setup)
        .add_systems(Update, (log_chip_events_system,))
        .run();
}

fn setup(mut commands: Commands, theme: Res<MaterialTheme>, telemetry: Res<TelemetryConfig>) {
    commands.spawn(Camera2d);

    commands
        .spawn((
            Node {
                width: Val::Percent(100.0),
                height: Val::Percent(100.0),
                flex_direction: FlexDirection::Column,
                justify_content: JustifyContent::Center,
                align_items: AlignItems::Center,
                row_gap: Val::Px(16.0),
                ..default()
            },
            BackgroundColor(theme.surface),
        ))
        .insert_test_id("chip_demo/root", &telemetry)
        .with_children(|root| {
            root.spawn((Node {
                flex_direction: FlexDirection::Row,
                column_gap: Val::Px(8.0),
                flex_wrap: FlexWrap::Wrap,
                justify_content: JustifyContent::Center,
                ..default()
            },))
                .with_children(|row| {
                    row.spawn_chip_with(&theme, ChipBuilder::filter("Filter"));
                    row.spawn_chip_with(&theme, ChipBuilder::filter("Selected").selected(true));
                    row.spawn_chip_with(&theme, ChipBuilder::filter("Tag"));
                    row.spawn_chip_with(&theme, ChipBuilder::filter("Action"));
                });
        });
}

fn log_chip_events_system(
    mut clicks: MessageReader<ChipClickEvent>,
    mut deletes: MessageReader<ChipDeleteEvent>,
) {
    for ev in clicks.read() {
        info!("Chip clicked: {}", ev.value.as_deref().unwrap_or("(none)"));
    }

    for ev in deletes.read() {
        info!(
            "Chip delete clicked: {}",
            ev.value.as_deref().unwrap_or("(none)")
        );
    }
}