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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
use crate::def_attribute;
def_attribute!(
/// The `svg_data` attribute lets you provide raw SVG data directly.
///
/// This is similar to the `image_data` attribute but specifically for SVG data.
///
/// ### Example
///
/// ```rust, no_run
/// static SVG_ICON: &[u8] = include_bytes!("../../../../examples/settings.svg");
///
/// # use freya::prelude::*;
/// fn app() -> Element {
/// rsx!(
/// svg {
/// width: "100%",
/// height: "100%",
/// svg_data: static_bytes(SVG_ICON),
/// }
/// )
/// }
/// ```
svg_data,
/// The `svg_content` attribute lets you provide SVG content as a string.
///
/// This is useful for including SVG content directly or from external files.
///
/// ### Example
///
/// ```rust, no_run
/// # use freya::prelude::*;
/// fn app() -> Element {
/// let svg_content = include_str!("../../../../examples/settings.svg");
///
/// rsx!(
/// svg {
/// width: "100%",
/// height: "100%",
/// svg_content,
/// }
/// )
/// }
/// ```
svg_content,
/// The `fill` attributes allows you to specify the fill color for the `svg`.
///
/// You can learn about the syntax of this attribute in [`Color Syntax`](crate::_docs::color_syntax).
///
/// ### Example
///
/// ```rust, no_run
/// # use freya::prelude::*;
/// fn app() -> Element {
/// let svg_content = include_str!("../../../../examples/settings.svg");
///
/// rsx!(
/// svg {
/// fill: "red",
/// width: "100%",
/// height: "100%",
/// svg_content,
/// }
/// )
/// }
/// ```
fill,
/// The `stroke` attributes allows you to specify stroke color for the `svg`.
///
/// You can learn about the syntax of this attribute in [`Color Syntax`](crate::_docs::color_syntax).
///
/// ### Example
///
/// ```rust, no_run
/// # use freya::prelude::*;
/// fn app() -> Element {
/// let svg_content = include_str!("../../../../examples/settings.svg");
///
/// rsx!(
/// svg {
/// stroke: "red",
/// width: "100%",
/// height: "100%",
/// svg_content,
/// }
/// )
/// }
/// ```
stroke,
);