zen-rs 0.1.6

A library for generating non-interactive content like cards or files.
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

# Library of Components for Generating Non-Interactive Pages/Cards/Files/Content

## Components
* [x] Container
* [x] Text
  - [x] As text (in HTML `<div>`)
  - [x] As link (HTML only, `<a>`)
* [x] Icon

## Available Renders
* [x] HTML (custom implementation)
* [ ] PNG (conversion from SVG)
* [ ] PDF (Skia)
* [ ] SVG (Skia)
* [ ] Leptos

## Goals
- Provide the minimal required support for renderer-specific features
- Ensure maximum compatibility of element properties across all renderers
- Offer a minimally comfortable set of components

## Non-Goals
- Full support for all available properties in all renderers
- Interactivity (e.g., CSS animations)
- Script support for HTML


## Example (HTML)
```rust
use zen_rs::{
    aspects::Align, components::{github::github_outlined, h::mono_text_xl, Components}, layouts::html::HtmlBuilder, vstack
};

fn main() {
    let cc = complited_component();
    let html = HtmlBuilder::default().component(cc).build_as_html();
    std::fs::write("gh_not_ph.html", html).unwrap();
}

fn gh_not_ph() -> impl Into<Components> {
    vstack((
        vstack((
            vstack((
                github_outlined(),
                mono_text_xl("gh"),
                mono_text_xl("not ph"),
            ))
            .background_color((30, 200, 100, 100))
            .gap(4)
            .padding(16)
            .align_content(zen_rs::aspects::Align::Center)
            .flex(),))
            .flex()
            .border_size_t(2)
            .border_size_b(2)
            .border_color((255, 255, 255, 100))
            .border_radius(18),
        ))
        .flex()
        .width_full()
        .height_full()
        .align_items(Align::Center)
        .align_content(Align::Center)
        .background_color((0, 0, 0, 100))
}
```

that we got
![img](.content/example.png)



## Contributing
If you would like to contribute, feel free to open an issue in the repository.

## License
This project is licensed under the MIT License.