#tailwind #css-class #macro #class-name #helper #generated #element

tailwindcss-to-rust-macros

使用tailwindcss-to-rust生成的Rust代码的辅助宏

4个版本

0.1.3 2023年2月19日
0.1.2 2022年2月17日
0.1.1 2022年2月8日
0.1.0 2022年2月8日

#9 in #class-name

Apache-2.0 OR MIT

405KB
196

辅助宏,用于使用由tailwindcss-to-rust生成的代码。

生成的代码提供了一些静态结构体,其中每个字段都是一个类名或修饰符(如"lg"或"hover")。在典型使用中,您需要将多个名称和修饰符组合成一个字符串,并将其设置为元素的class属性。此crate提供两个宏,以使其使用更为便捷。

Dioxus示例

// Note that you have to write this css module to tie it all together.
use css::*;
use dioxus_prelude::*;

fn SomeComponent(cx: Scope) -> Element {
    cx.render(rsx! {
        div {
            // "grid-cols-3 md:grid-cols-6 lg:grid-cols-12"
            class: DC![
                C::fg::grid-cols-3,
                M![M::md, C::fg::grid-cols-6],
                M![M::lg, C::fg::grid-cols-12]
            ],
            div {
                // "text-lg text-white"
                class: DC![C::typ::text_lg, C::typ::text_white],
            }
        }
    })
}

无运行时依赖