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

//! Text fields view for the showcase application.

use bevy::prelude::*;
use bevy_material_ui::prelude::*;
use bevy_material_ui::text_field::InputType;

use crate::showcase::common::*;

/// Spawn the text fields section content
pub fn spawn_text_fields_section(parent: &mut ChildSpawnerCommands, theme: &MaterialTheme) {
    parent
        .spawn(Node {
            flex_direction: FlexDirection::Column,
            row_gap: Val::Px(16.0),
            ..default()
        })
        .with_children(|section| {
            spawn_section_header(
                section,
                theme,
                "showcase.section.text_fields.title",
                "Text Fields",
                "showcase.section.text_fields.description",
                "Text input with Filled and Outlined variants",
            );

            section
                .spawn(Node {
                    flex_direction: FlexDirection::Row,
                    column_gap: Val::Px(24.0),
                    flex_wrap: FlexWrap::Wrap,
                    row_gap: Val::Px(16.0),
                    margin: UiRect::vertical(Val::Px(8.0)),
                    ..default()
                })
                .with_children(|row| {
                    row.spawn_text_field_with(
                        theme,
                        TextFieldBuilder::new()
                            .label("Filled")
                            .placeholder("Type here…")
                            .supporting_text("Click to focus and type")
                            .filled()
                            .width(Val::Px(240.0)),
                    );

                    row.spawn_text_field_with(
                        theme,
                        TextFieldBuilder::new()
                            .label("Outlined")
                            .placeholder("Type here…")
                            .supporting_text("Enter submits")
                            .outlined()
                            .width(Val::Px(240.0)),
                    );

                    row.spawn_text_field_with(
                        theme,
                        TextFieldBuilder::new()
                            .label("With Error")
                            .placeholder("Invalid input")
                            .error_text("This field has an error")
                            .filled()
                            .width(Val::Px(240.0)),
                    );

                    row.spawn_text_field_with(
                        theme,
                        TextFieldBuilder::new()
                            .label("Email")
                            .placeholder("name@example.com")
                            .supporting_text("Must look like name@example.com")
                            .label_key("showcase.text_fields.email.label")
                            .placeholder_key("showcase.text_fields.email.placeholder")
                            .supporting_text_key("showcase.text_fields.email.supporting")
                            .input_type(InputType::Email)
                            .outlined()
                            .width(Val::Px(240.0)),
                    );
                });

            spawn_code_block(section, theme, include_str!("../../textfield_demo.rs"));
        });
}