cursor typo legend and new legend stories

tremorlabs · Dec 19, 2023 · 8661bb1 · 8661bb1
1 parent 59bd953
commit 8661bb1
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/components/text-elements/Legend/Legend.tsx b/src/components/text-elements/Legend/Legend.tsx
@@ -111,7 +111,7 @@ const ScrollButton = ({ icon, onClick, disabled }: ScrollButtonProps) => {
         makeLegendClassName("legendSliderButton"),
         // common
         "w-5 group inline-flex items-center truncate rounded-tremor-small transition",
-        disabled ? "cursor-not-allowed" : "ursor-pointer",
+        disabled ? "cursor-not-allowed" : "cursor-pointer",
         // light
         disabled
           ? "text-tremor-content-subtle"

diff --git a/src/stories/text-elements/Legend.stories.tsx b/src/stories/text-elements/Legend.stories.tsx
@@ -84,3 +84,20 @@ export const ManyCategoriesWithoutScroll: Story = {
     enableLegendSlider: false,
   },
 };
+
+export const CustomColors: Story = {
+  ...LegendTemplate,
+  args: {
+    colors: ["red", "rose", "green", "blue"],
+  },
+};
+
+export const CustomColorsConClick: Story = {
+  ...LegendTemplate,
+  args: {
+    colors: ["red", "rose", "green", "#32a852"],
+    onClickLegendItem: (e) => {
+      console.log(e);
+    },
+  },
+};