orcs-design-system/es/components/Range/Range.stories.js

TeamForm's Design System, aka: ORCS

import React from "react";
import Range from ".";
import Box from "../Box";
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
export default {
  title: "Components/Range",
  component: Range
};
export const defaultRange = () => /*#__PURE__*/_jsx(Range, {
  min: 0,
  max: 20,
  defaultValue: 10,
  ariaLabel: "Default range slider"
});
defaultRange.storyName = "Default";
export const inverted = () => /*#__PURE__*/_jsx(_Fragment, {
  children: /*#__PURE__*/_jsx(Box, {
    bg: "greyDarker",
    p: "r",
    children: /*#__PURE__*/_jsx(Range, {
      min: 0,
      max: 20,
      defaultValue: 10,
      ariaLabel: "Inverted range slider",
      inverted: true
    })
  })
});
defaultRange.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "defaultRange"
};
inverted.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "inverted"
};