Added mut Docuemnt and example menu

This commit is contained in:
2024-12-24 01:51:17 +01:00
parent 4823288026
commit e98285a360
4 changed files with 68 additions and 30 deletions
+39 -1
View File
@@ -1,4 +1,42 @@
use osui::{examples::login_example::App, prelude::*};
use osui::{examples, prelude::*};
fn main() {
launch!(App);
}
#[component]
pub fn App() {
rsx! {
@SetStyle(app_style())
text { static "Select an example" }
button { class: "example", on_click: fn(_, _, document) {
document.clear_css();
document.draw(examples::counter_example::App::default().create_element());
}, static "Counter" }
button { class: "example", on_click: fn(_, _, document) {
document.clear_css();
document.draw(examples::todo_example::App::default().create_element());
}, static "Todo" }
button { class: "example", on_click: fn(_, _, document) {
document.clear_css();
document.draw(examples::login_example::App::default().create_element());
}, static "Login" }
}
}
pub fn app_style() -> Css {
css! {
"example" {
outline: true,
y: Auto,
x: 0 px,
}
"example": "hover" {
color: Blue,
outline_color: Red,
}
}
}