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

use crate::prelude::*;

#[template]
pub fn Card(#[field(flatten)] attrs: BaseHtmlAttributes) -> impl Bundle {
	rsx! {
		<article {attrs}>
			<slot/>
		</article>
		<style>
			article{
				display: flex;
				flex-direction: column;
				gap: var(--bt-spacing);
				padding: var(--bt-spacing);
				border-radius: var(--bt-border-radius);
				color: var(--bt-color-on-surface);
				background-color: var(--bt-color-surface-container);
			}
		</style>
	}
}