orcs-design-system
Version:
TeamForm's Design System, aka: ORCS
79 lines • 1.87 kB
JavaScript
import React from "react";
import Divider from ".";
import Spacer from "../Spacer";
import Box from "../Box";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default {
title: "Components/Divider",
component: Divider
};
export const defaultDivider = () => /*#__PURE__*/_jsxs(Spacer, {
my: "r",
children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Divider, {
light: true
}), /*#__PURE__*/_jsx(Divider, {
thick: true
}), /*#__PURE__*/_jsx(Divider, {
light: true,
thick: true
})]
});
export const dashDivider = () => /*#__PURE__*/_jsxs(Spacer, {
my: "r",
children: [/*#__PURE__*/_jsx(Divider, {
dash: true
}), /*#__PURE__*/_jsx(Divider, {
light: true,
dash: true
}), /*#__PURE__*/_jsx(Divider, {
thick: true,
dash: true
}), /*#__PURE__*/_jsx(Divider, {
light: true,
thick: true,
dash: true
})]
});
export const invertedDivider = () => /*#__PURE__*/_jsx(Box, {
bg: "greyDarkest",
p: "5",
children: /*#__PURE__*/_jsxs(Spacer, {
my: "r",
children: [/*#__PURE__*/_jsx(Divider, {
inverted: true
}), /*#__PURE__*/_jsx(Divider, {
inverted: true,
thick: true
}), /*#__PURE__*/_jsx(Divider, {
inverted: true,
dash: true
}), /*#__PURE__*/_jsx(Divider, {
inverted: true,
thick: true,
dash: true
})]
})
});
export const spanGrid = () => /*#__PURE__*/_jsx(Divider, {
spanGrid: true
});
defaultDivider.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "defaultDivider"
};
dashDivider.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "dashDivider"
};
invertedDivider.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "invertedDivider"
};
spanGrid.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "spanGrid"
};