beet_design 0.0.8

Design system and components for beet rsx
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

use crate::prelude::*;
use beet_core::prelude::*;



#[template]
pub fn ErrorText(value: DerivedGetter<Option<String>>) -> impl Bundle {
	rsx! {
		<div>
		{move ||
			if let Some(val) = value.get(){
				rsx!{<span>{val}</span>}.any_bundle()
			}else{
				().any_bundle()
			}
		}
		</div>
		<style>
			span{
				display: block;
				background-color: var(--bt-color-error);
				color: var(--bt-color-on-error);
				border-radius:var(--bt-border-radius);
				padding: 0 var(--bt-spacing);
			}
		</style>
	}
}