# bevy_ui_style_builder
[](https://crates.io/crates/bevy_ui_style_builder)
[](https://github.com/ickshonpe/bevy_ui_style_builder)
[](https://crates.io/crates/bevy_ui_style_builder)
Experimental Bevy UI helper extension methods.
# Usage
Add the dependency to your project:
```
cargo add bevy_ui_style_builder
```
Then the following example draws a red square in the middle of the screen:
```rust
use bevy::prelude::*;
use bevy_ui_style_builder::prelude::*;
fn spawn_example(
mut commands: Commands,
) {
commands.spawn(Camera2dBundle::default());
commands.spawn(
node()
.width(Val::Percent(100.0))
.height(Val::Percent(100.0))
.justify_content(JustifyContent::Center)
.align_items(AlignItems::Center)
).with_children(|builder| {
builder.spawn(
node()
.width(Val::Px(100.0))
.height(Val::Px(100.0))
.color(Color::RED)
);
});
}
fn main() {
App::new()
.add_plugins(DefaultPlugins)
.add_startup_system(spawn_example)
.run();
}
```
There is a larger example, based on Bevy's UI example in the examples folder.
You can run it with:
```
cargo run --example ui.rs
```