dioxus-material-icons 1.0.1

Material Icons for Dioxus
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

#![allow(non_snake_case)]

//! # Button Example
//!
//! This example renders a material icon into a button which can be clicked to toggle the
//! color of the icon.

use dioxus::prelude::*;

use dioxus_material_icons::{MaterialIcon, MaterialIconStylesheet, MaterialIconVariant};

fn main() {
    dioxus_desktop::launch(App);
}

fn App(cx: Scope) -> Element {
    let is_blue = use_state(&cx, || false);

    cx.render(rsx!(
        MaterialIconStylesheet {
            // Uses the self-hosted approach
            variant: MaterialIconVariant::SelfHosted("examples/assets/MaterialIcons-Regular.ttf")
        }
        button {
            style: "padding: 10",
            onclick: move |_| is_blue.set(!is_blue),
            if *is_blue.get() {
                // Render material icon "home" in blue
                rsx!(MaterialIcon { name: "home", color: "blue".into() })
            } else {
                // Render material icon "home" in default color
                rsx!(MaterialIcon { name: "home" })
            }
        }
    ))
}