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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

use crate::prelude::*;


#[derive(Default)]
pub enum SelectVariant {
	#[default]
	Outlined,
	Filled,
	Text,
}

impl SelectVariant {
	pub fn class_suffix(&self) -> &'static str {
		match self {
			SelectVariant::Outlined => "outlined",
			SelectVariant::Filled => "filled",
			SelectVariant::Text => "text",
		}
	}
}




/// A styled select element
#[template]
pub fn Select(
	#[field(default)] variant: SelectVariant,
	#[field(flatten=BaseHtmlAttributes)] mut attrs: InputHtmlAttributes,
) -> impl Bundle {
	attrs.push_class(format!(
		"bt-c-select bt-c-select--{}",
		variant.class_suffix()
	));

	rsx! {
		<select {attrs}>
			<Button></Button>
			<slot />
		</select>
		<style src="./select.css" />
	}
}