Browse Source

add to tailwind example

Evan Almloff 1 năm trước cách đây
mục cha
commit
9be7773ba7
1 tập tin đã thay đổi với 5 bổ sung1 xóa
  1. 5 1
      examples/tailwind/src/main.rs

+ 5 - 1
examples/tailwind/src/main.rs

@@ -14,9 +14,13 @@ fn main() {
 }
 
 pub fn app(cx: Scope) -> Element {
+    let grey_background = true;
     cx.render(rsx!(
         div {
-            header { class: "text-gray-400 bg-gray-900 body-font",
+            header {
+                class: "text-gray-400 body-font",
+                // you can use optional attributes to optionally apply a tailwind class
+                class: if grey_background { "bg-gray-900" },
                 div { class: "container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center",
                     a { class: "flex title-font font-medium items-center text-white mb-4 md:mb-0",
                         StacksIcon {}