iced-markup 0.1.0-beta

A declarative markup DSL for building Iced GUI applications in Rust
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

# Usage Guide

The logic behind `iced-markup` is simple: we map Iced builder calls to a JSX-inspired syntax.

## Basic Syntax

The general shape of a widget is:
`widget_name(constructor_args) ![attributes] | style { children }`

### Widgets

Every widget corresponds to a function in `iced::widget`. 

```rust
view! {
    text("Hello") {}
}
```

### Attributes

Attributes are mapped to method calls on the widget. They go inside `![...]`.

```rust
view! {
    column ![spacing: 20, padding: 40] {
        text("Welcome") {}
    }
}
```

### Event Shorthands

Use the `+` prefix for common events:

- `+click`: `on_press`
- `+input`: `on_input`
- `+submit`: `on_submit`

```rust
button("Submit") ![+click: Message::Submit] {}
```

### Styling Pipes

Use the `|` operator to apply styles easily.

```rust
text("Warning") | |_| text::danger {}
```