?HAMA

Edit File Size: 1.27 KB

/proc/thread-self/root/home/byroehnu/.trash/node_modules11/@adminjs/design-system/build/atoms/box/box.stories.js

Text Base64

import React from 'react';
import { Button, Header, Text } from "../index.js";
import { Box } from "./index.js";
export const Default = {
  render: props => /*#__PURE__*/React.createElement(Box, props, "Box example")
};
const variants = ['card', 'container', 'grey', 'transparent', 'white'];
export const simpleWhiteGrayWrapper = () => /*#__PURE__*/React.createElement(Box, {
  variant: "grey"
}, /*#__PURE__*/React.createElement(Box, {
  variant: "white"
}, /*#__PURE__*/React.createElement(Text, null, "This is the default wrapper in the application")));
export const positioningButtons = () => /*#__PURE__*/React.createElement(Box, {
  variant: "grey"
}, /*#__PURE__*/React.createElement(Box, {
  variant: "white",
  flex: true,
  flexDirection: "row"
}, /*#__PURE__*/React.createElement(Box, {
  flexGrow: 1
}, /*#__PURE__*/React.createElement(Header.H3, null, "Some header")), /*#__PURE__*/React.createElement(Box, {
  flexShrink: 0
}, /*#__PURE__*/React.createElement(Button, null, "Example Button On The Right"))));
const meta = {
  title: 'DesignSystem/Atoms/Box',
  component: Box,
  parameters: {
    controls: {
      include: ['variant']
    }
  },
  argTypes: {
    variant: {
      options: variants,
      control: {
        type: 'select'
      }
    }
  }
};
export default meta;

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
box-props.doc.md	324 B	lrw-r--r--	2026-02-28 00:31:38	Edit Download recursive recursive
box.doc.md	1.60 KB	lrw-r--r--	2026-02-28 00:31:38	Edit Download recursive recursive
box.js	2.17 KB	lrw-r--r--	2026-02-28 00:28:46	Edit Download recursive recursive
box.stories.js	1.27 KB	lrw-r--r--	2026-02-28 00:28:52	Edit Download recursive recursive
index.js	25 B	lrw-r--r--	2026-02-28 00:31:22	Edit Download recursive recursive

Directory Contents