react-potion/src/components/Box.stories.js

A Notion-like design system.

import React from 'react';
import { storiesOf } from '@storybook/react';
import Box from './Box';
import Text from './Text';

storiesOf('Box', module)
  .add('Default', () => {
    return (
      <>
        <Box padding={4}><Text>Padded box</Text></Box>
        <Box padding={32}><Text>Padded box</Text></Box>
        <Box padding={['14px', '24px', '32px', '48px', '72px']}><Text>Responsive padded box</Text></Box>
      </>
    );
  });