Added Slider documentation

firecmsco · Oct 14, 2024 · 2c9fb67 · 2c9fb67
1 parent 133436e
commit 2c9fb67
Show file tree

Hide file tree

Showing 5 changed files with 287 additions and 34 deletions.
diff --git a/website/samples/components/slider/slider_basic.tsx b/website/samples/components/slider/slider_basic.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { Slider } from "@firecms/ui";
 
 export default function SliderBasicDemo() {
-    const [value, setValue] = useState([50]);
+    const [value, setValue] = useState([60]);
 
     return (
         <Slider
@@ -13,4 +13,4 @@ export default function SliderBasicDemo() {
             step={1}
         />
     );
-}
+}
diff --git a/website/samples/components/slider/slider_range.tsx b/website/samples/components/slider/slider_range.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { Slider } from "@firecms/ui";
 
-export default function SliderBasicDemo() {
+export default function SliderRangeDemo() {
     const [value, setValue] = useState([50, 70]);
 
     return (

diff --git a/website/samples/components/slider/slider_small.tsx b/website/samples/components/slider/slider_small.tsx
@@ -1,16 +1,17 @@
 import React, { useState } from "react";
 import { Slider } from "@firecms/ui";
 
-export default function SliderBasicDemo() {
+export default function SliderSmallDemo() {
     const [value, setValue] = useState([50]);
 
     return (
         <Slider
             value={value}
             onValueChange={setValue}
             min={0}
+            size={"small"}
             max={100}
             step={1}
         />
     );
-}
+}
diff --git a/website/sidebars.js b/website/sidebars.js
@@ -174,6 +174,7 @@ module.exports = {
                 "components/separator",
                 "components/sheet",
                 "components/skeleton",
+                "components/slider",
                 "components/table",
                 "components/tabs",
                 "components/text_field",