dxc 1.0.0

A concise, modern dioxus component library
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

use super::props::IconProps;
use crate::hooks::UseNamespace;
use crate::types::namespace::Block;
use dioxus::prelude::*;
use dxc_icons::spawn_icon;
use dxc_macros::classes;

/// Use icons from iconfont.
///
/// see [iconfont](https://www.iconfont.cn/)
///
/// # Example
/// ```rust,ignore
/// use dxc::prelude::*;
///
/// rsx! {
///   DxcIcon {
///     Apple { }
///   }
/// }
/// ```
#[component]
pub fn DxcIcon(props: IconProps) -> Element {
    let id = use_signal(|| props.id());

    let ns = UseNamespace::new(Block::Icon, None);

    let classes = classes! {ns.b(), props.class()};

    let style = use_signal(|| props.style());

    rsx! {
      i {
        id: id(),
        class: classes,
        style: style(),
        onclick: move |evt| {
            if let Some(onclick) = props.onclick.as_ref() {
                onclick.call(evt);
            }
        },

        match props.icon {
          Some(icon) => {
            spawn_icon(&icon)
          },
          None => {
            props.children
          }
        }
      }
    }
}