orcs-design-system
Version:
TeamForm's Design System, aka: ORCS
85 lines • 2.33 kB
JavaScript
import Spacer from ".";
import Avatar from "../Avatar";
import StyledLink from "../StyledLink";
import React from "react";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default {
title: "Components/Spacer",
component: Spacer
};
export const marginSpacer = () => /*#__PURE__*/_jsxs(Spacer, {
my: 3,
children: [/*#__PURE__*/_jsx(Avatar, {
title: "Ayden Lundgre",
subtitle: "Senior Business Analyst",
initials: "AL"
}), /*#__PURE__*/_jsx(Avatar, {
title: "Ayden Lundgre",
subtitle: "Senior Business Analyst",
initials: "AL"
}), /*#__PURE__*/_jsx(Avatar, {
title: /*#__PURE__*/_jsx(StyledLink, {
href: "#",
children: "Ayden Lundgre"
}),
subtitle: "Senior Business Analyst",
initials: "AL"
}), /*#__PURE__*/_jsx(Avatar, {
sizing: "small",
title: "Ayden Lundgre",
subtitle: "Senior Business Analyst",
initials: "AL"
}), /*#__PURE__*/_jsx(Avatar, {
sizing: "small",
title: /*#__PURE__*/_jsx(StyledLink, {
href: "#",
children: "Ayden Lundgre"
}),
subtitle: "Senior Business Analyst",
initials: "AL"
})]
});
marginSpacer.storyName = "Margin Spacer";
export const paddingSpacer = () => /*#__PURE__*/_jsxs(Spacer, {
padding: 3,
children: [/*#__PURE__*/_jsx(Avatar, {
title: "Ayden Lundgre",
subtitle: "Senior Business Analyst",
initials: "AL"
}), /*#__PURE__*/_jsx(Avatar, {
title: "Ayden Lundgre",
subtitle: "Senior Business Analyst",
initials: "AL"
}), /*#__PURE__*/_jsx(Avatar, {
title: /*#__PURE__*/_jsx(StyledLink, {
href: "#",
children: "Ayden Lundgre"
}),
subtitle: "Senior Business Analyst",
initials: "AL"
}), /*#__PURE__*/_jsx(Avatar, {
sizing: "small",
title: "Ayden Lundgre",
subtitle: "Senior Business Analyst",
initials: "AL"
}), /*#__PURE__*/_jsx(Avatar, {
sizing: "small",
title: /*#__PURE__*/_jsx(StyledLink, {
href: "#",
children: "Ayden Lundgre"
}),
subtitle: "Senior Business Analyst",
initials: "AL"
})]
});
paddingSpacer.storyName = "Padding Spacer";
marginSpacer.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "marginSpacer"
};
paddingSpacer.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "paddingSpacer"
};