add more styles for table

phcurado · Jul 15, 2024 · 2cdd01d · 2cdd01d
1 parent a7ec41c
commit 2cdd01d
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/daisy_ui_components_site/storybook/components/table.story.exs b/daisy_ui_components_site/storybook/components/table.story.exs
@@ -78,6 +78,52 @@ defmodule Storybook.Components.Table do
           </:col>
           """
         ]
+      },
+      %Variation{
+        id: :zebra,
+        attributes: %{
+          zebra: true,
+          rows: get_users()
+        },
+        slots: [
+          """
+          <:col :let={user} label="Id">
+            <%= user.id %>
+          </:col>
+          <:col :let={user} label="name">
+            <%= user.name %>
+          </:col>
+          <:col :let={user} label="Job">
+            <%= user.job %>
+          </:col>
+          <:col :let={user} label="Favourite Color">
+            <%= user.favourite_color %>
+          </:col>
+          """
+        ]
+      },
+      %Variation{
+        id: :table_xs,
+        attributes: %{
+          size: "xs",
+          rows: get_users()
+        },
+        slots: [
+          """
+          <:col :let={user} label="Id">
+            <%= user.id %>
+          </:col>
+          <:col :let={user} label="name">
+            <%= user.name %>
+          </:col>
+          <:col :let={user} label="Job">
+            <%= user.job %>
+          </:col>
+          <:col :let={user} label="Favourite Color">
+            <%= user.favourite_color %>
+          </:col>
+          """
+        ]
       }
     ]
   end