kagura 0.7.4

Frontend frame-work for wasm on 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64

# Add attributes


Attributes of an element are presented by `Attributes` structure. `Attributes` is initialize by `Attributes.new()`. You can add an attribute to `Attributes` by method chain.

like this:

```rust
Attributes::new()
    .class("fizz")
    .class("bazz")
    .string("data-original-attribute", "some-value");
```

## Set delimiter of an attribute


You can set a delimiter of an attribute by `delimit_with` method. This method set a delimiter to last added attribute.

like this:

```rust
Attributes::new()
    .string("data-original-attribute-1", "some-value-1")
    .string("data-original-attribute-1", "some-value-2")
    .delimit_with(" ")
    .string("data-original-attribute-2", "some-value-1")
    .string("data-original-attribute-2", "some-value-2")
    .delimit_with(";");
```

## Example


```rs
extern crate kagura;
extern crate wasm_bindgen;

use kagura::prelude::*;
use wasm_bindgen::prelude::*;

#[wasm_bindgen(start)]

pub fn main() {
    kagura::run(Component::new(State{}, update, render), "app");
}

struct State{}

enum Msg{}

enum Sub{}

fn update(_: &mut State, _: Msg) -> Cmd<Msg, Sub> {Cmd::none()}

//  <h1 style="color:#FFFFFF;background-color:#D3381C;">hello kagura</h1>
fn render(_: &State) -> Html<Msg> {
    Html::h1(
        Attributes::new()
            .style("color", "#FFFFFF")
            .style("background-color", "#D3381C;"),
        Events::new(),
        vec![
            Html::text("hello kagura"),
        ],
    )
}
```