From 2cdd01d53705b4ebd8b3105b99a2f60b9bba1479 Mon Sep 17 00:00:00 2001
From: Paulo Curado <phcurado@gmail.com>
Date: Mon, 15 Jul 2024 13:35:56 +0300
Subject: [PATCH] add more styles for table

---
 .../storybook/components/table.story.exs      | 46 +++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/daisy_ui_components_site/storybook/components/table.story.exs b/daisy_ui_components_site/storybook/components/table.story.exs
index eed8140..431beb6 100644
--- 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