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

TeamForm's Design System, aka: ORCS

import React from "react";
import Flex from ".";
import Button from "../Button";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default {
  title: "Components/Flex",
  component: Flex
};
export const basicFlex = () => /*#__PURE__*/_jsxs(Flex, {
  gap: "r",
  flexWrap: "wrap",
  children: [/*#__PURE__*/_jsx(Button, {
    children: "Button 1"
  }), /*#__PURE__*/_jsx(Button, {
    children: "Button 2"
  }), /*#__PURE__*/_jsx(Button, {
    children: "Button 3"
  }), /*#__PURE__*/_jsx(Button, {
    children: "Button 4"
  }), /*#__PURE__*/_jsx(Button, {
    children: "Button 5"
  }), /*#__PURE__*/_jsx(Button, {
    children: "Button 6"
  })]
});
basicFlex.storyName = "Basic Flex";
basicFlex.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "basicFlex"
};