hikari-components 0.2.2

Core UI components (40+) for the Hikari design system
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

// packages/components/src/basic/canvas.rs
// Canvas component with requestAnimationFrame integration

use crate::prelude::*;
use crate::styled::StyledComponent;

pub struct CanvasComponent;

#[derive(Clone, Copy, Default, PartialEq)]
pub enum CanvasMode {
    #[default]
    Once,
    Loop,
}

#[component]
pub fn Canvas(
    width: u32,
    height: u32,
    #[props(default)] class: String,
    #[props(default)] style: String,
) -> Element {
    let class_str = if class.is_empty() {
        "hi-canvas".to_string()
    } else {
        format!("hi-canvas {}", class)
    };

    rsx! {
        canvas {
            class: class_str,
            style,
            width,
            height,
        }
    }
}

impl StyledComponent for CanvasComponent {
    fn styles() -> &'static str {
        r#"
.hi-canvas {
    display: block;
    border-radius: 4px;
    background-color: transparent;
}
"#
    }

    fn name() -> &'static str {
        "canvas"
    }
}