orcs-design-system
Version:
TeamForm's Design System, aka: ORCS
94 lines • 2.25 kB
JavaScript
import React from "react";
import Toggle from ".";
import Box from "../Box";
import Spacer from "../Spacer";
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
export default {
title: "Components/Toggle",
component: Toggle
};
export const defaultToggle = () => /*#__PURE__*/_jsx(Toggle, {
id: "autosave",
label: "Auto save"
});
defaultToggle.storyName = "Default";
export const small = () => /*#__PURE__*/_jsx(Toggle, {
id: "autosave2",
label: "Auto save",
small: true
});
export const inverted = () => /*#__PURE__*/_jsx(Box, {
p: "r",
bg: "greyDarkest",
children: /*#__PURE__*/_jsxs(Spacer, {
my: "r",
children: [/*#__PURE__*/_jsx(Toggle, {
id: "autosave3",
label: "Auto save",
inverted: true,
small: true
}), /*#__PURE__*/_jsx(Toggle, {
id: "autosave4",
label: "Auto save",
inverted: true
})]
})
});
export const disabled = () => /*#__PURE__*/_jsxs(_Fragment, {
children: [/*#__PURE__*/_jsx(Box, {
p: "r",
children: /*#__PURE__*/_jsxs(Spacer, {
my: "r",
children: [/*#__PURE__*/_jsx(Toggle, {
id: "autosave5",
label: "Auto save",
small: true,
disabled: true
}), /*#__PURE__*/_jsx(Toggle, {
id: "autosave6",
label: "Auto save",
checked: true,
disabled: true
})]
})
}), /*#__PURE__*/_jsx(Box, {
p: "r",
bg: "greyDarkest",
children: /*#__PURE__*/_jsxs(Spacer, {
my: "r",
children: [/*#__PURE__*/_jsx(Toggle, {
id: "autosave7",
label: "Auto save",
inverted: true,
small: true,
disabled: true
}), /*#__PURE__*/_jsx(Toggle, {
id: "autosave8",
label: "Auto save",
checked: true,
inverted: true,
disabled: true
})]
})
})]
});
defaultToggle.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "defaultToggle"
};
small.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "small"
};
inverted.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "inverted"
};
disabled.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "disabled"
};