@create-figma-plugin/ui
Version:
Production-grade Preact components that replicate the Figma UI design
34 lines • 1.3 kB
JavaScript
import { h } from 'preact';
import { VerticalSpace } from '../vertical-space.js';
export default {
parameters: {
fixedWidth: true
},
title: 'Layout/Vertical Space'
};
export const ExtraSmallSpace = function () {
const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' };
return (h("div", { style: style },
h(VerticalSpace, { space: "extraSmall" })));
};
export const SmallSpace = function () {
const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' };
return (h("div", { style: style },
h(VerticalSpace, { space: "small" })));
};
export const MediumSpace = function () {
const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' };
return (h("div", { style: style },
h(VerticalSpace, { space: "medium" })));
};
export const LargeSpace = function () {
const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' };
return (h("div", { style: style },
h(VerticalSpace, { space: "large" })));
};
export const ExtraLargeSpace = function () {
const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' };
return (h("div", { style: style },
h(VerticalSpace, { space: "extraLarge" })));
};
//# sourceMappingURL=vertical-space.stories.js.map