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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

# Card

Material Design 3 card component for containing content and actions.

## Variants

| Variant | Description | Use Case |
|---------|-------------|----------|
| `Elevated` | Raised with shadow | Default emphasis |
| `Filled` | Solid background | High emphasis content |
| `Outlined` | Bordered | Lower emphasis, grouped content |

## Basic Usage

```rust
use bevy_material_ui::prelude::*;

fn setup(mut commands: Commands, theme: Res<MaterialTheme>) {
    // Elevated card (default)
    MaterialCard::new()
        .spawn_with_children(&mut commands, &theme, |parent| {
            parent.spawn(Text::new("Card Content"));
        });

    // Filled card
    MaterialCard::new()
        .with_variant(CardVariant::Filled)
        .spawn_with_children(&mut commands, &theme, |parent| {
            parent.spawn(Text::new("Filled Card"));
        });

    // Outlined card
    MaterialCard::new()
        .with_variant(CardVariant::Outlined)
        .spawn_with_children(&mut commands, &theme, |parent| {
            parent.spawn(Text::new("Outlined Card"));
        });
}
```

## Interactive Cards

```rust
// Clickable card
MaterialCard::new()
    .clickable()
    .spawn_with_children(&mut commands, &theme, |parent| {
        parent.spawn(Text::new("Click me!"));
    });

// Draggable card
MaterialCard::new()
    .draggable()
    .spawn_with_children(&mut commands, &theme, |parent| {
        parent.spawn(Text::new("Drag me!"));
    });
```

## Handling Clicks

```rust
fn handle_card_clicks(
    mut reader: EventReader<CardClickEvent>,
) {
    for event in reader.read() {
        println!("Card clicked: {:?}", event.entity);
    }
}
```

## Properties

| Property | Type | Default | Description |
|----------|------|---------|-------------|
| `variant` | `CardVariant` | `Elevated` | Card style variant |
| `clickable` | `bool` | `false` | Makes card interactive |
| `draggable` | `bool` | `false` | Enables drag behavior |

## State Layers

Interactive cards apply MD3 state layers:
- **Hover**: 8% opacity overlay
- **Pressed**: 12% opacity overlay

## Elevation

| Variant | Resting Level | Hovered Level |
|---------|---------------|---------------|
| Elevated | Level 1 | Level 2 |
| Filled | Level 0 | Level 1 |
| Outlined | Level 0 | Level 0 |