Copy Slider docs to Incubator.Slider

Author: ethanshar

src/incubator/Slider/slider.api.json

@@ -105,5 +105,102 @@
     "  maximumValue={10$3}",
     "  onValueChange={value => console.log(\\`value changed: \\${value}\\`)$4}",
     "/>"
-  ]
+  ],
+  "docs": {
+    "hero": {
+      "title": "Slider",
+      "description": "Sliders allow users to make selections from a range of values in a quick and interactive way.\nSliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.",
+      "type": "hero",
+      "layout": "horizontal",
+      "content": [
+        {
+          "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Slider/slider_hero.png"
+        }
+      ]
+    },
+    "tabs": [
+      {
+        "title": "Overview",
+        "sections": [
+          {
+            "type": "section",
+            "title": "Usage examples",
+            "description": "Sliders can be used for various types of user input and controls, for example an amount, or a specific setting.",
+            "content": [
+              {
+                "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Slider/slider_section_examples.png"
+              }
+            ]
+          },
+          {
+            "type": "table",
+            "columns": [
+              "Slider type",
+              "Preview"
+            ],
+            "items": [
+              {
+                "title": "Linear slider",
+                "description": "Use this slider to allow the user to select a numeric value from a range of numbers.",
+                "content": [
+                  {
+                    "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Slider/slider_table_linear.png"
+                  }
+                ]
+              },
+              {
+                "title": "Centered slider",
+                "description": "This type allows the user to select negative values.",
+                "content": [
+                  {
+                    "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Slider/slider_table_centered.png"
+                  }
+                ]
+              },
+              {
+                "title": "Range slider",
+                "description": "Use this slider to allow the user to select a range of values.",
+                "content": [
+                  {
+                    "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Slider/slider_table_range.png"
+                  }
+                ]
+              },
+              {
+                "title": "Color slider",
+                "description": "Use this slider to allow the user to select a color from a gradient range of colors.",
+                "content": [
+                  {
+                    "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Slider/slider_table_color.png"
+                  }
+                ]
+              }
+            ],
+            "title": "Slider types"
+          },
+          {
+            "type": "section",
+            "layout": "horizontal",
+            "content": [
+              {
+                "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Slider/slider_spec_linear.png"
+              }
+            ],
+            "title": "Spec",
+            "description": "**Linear slider**\n\n**Default**\nThumb: 24px  \nOutline: 1.5px\n\n**On tap**\nThumb: 40px\nOutline: 1.5px\n\n**Disabled**"
+          },
+          {
+            "type": "section",
+            "layout": "horizontal",
+            "content": [
+              {
+                "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Slider/slider_spec_range.png"
+              }
+            ],
+            "description": "**Range slider**\n\n**Initial state**\nWidest range is displayed by default.\n\n**Thumbs**\nThumbs should not cross each other and keep minimum distance between them of S2 (8px). Thumbs shouldn’t overlap each other when idle.\n\n**Spacing**\nMinimum spacing between idle Thumbs - S2"
+          }
+        ]
+      }
+    ]
+  }
 }