Introduction

Installation

On a cargo project run

cargo add osui

Simple app

src/main.rs

use osui::prelude::*;

fn main() {
    launch!(App);
}

#[component]
fn App() -> Element {
    rsx! {
        text { "Hello, World!" }
    }
}

A slightly more advanced app (counter)

This app uses state management and a function using the state as a dependent

src/main.rs

use osui::prelude::*;

fn main() {
    launch!(App);
}

#[component]
fn App() -> Element {
    let count = State::new(0);

    rsx! {
        button {
            on_click: fn(_, _, _) @count {
                count += 1;
            },

            "The current count is: {count}"
        }
    }
}