message: Added with form for upload in storybook
diff: import * as React from 'react';
  import { Button } from 'components/atoms';
  +import { Form, useForm } from 'components/organisms';
  import { Upload } from './Upload';
  import { exportStory } from '../../../libs';
  @@ -8,8 +9,15 @@ export default {
  component: Upload,
  };
  +const ACTION_URL = 'your/action/url';
  +const TOKEN = 'your token here';
  +
  const uploaderProps = {
  - action: 'file/upload',
  + name: 'files',
  + action: ACTION_URL,
  + headers: {
  + Authorization: `Bearer ${TOKEN}`,
  + },
  beforeUpload(file) {
  console.log('beforeUpload', file);
  return true;
  @@ -39,3 +47,37 @@ export const Multiple = (): React.ReactElement => (
  <Button>Upload</Button>
  </Upload>
  );
  +
  +export const WithForm = (): React.ReactNode => {
  + const [form] = useForm();
  +
  + return (
  + <Form
  + form={form}
  + type="horizontal"
  + onFinish={(values) => console.log('values', values)}
  + onFieldsChange={(field, fields) => console.log('field', field)}
  + labelOptions={{ col: { size: 2 } }}
  + controlOptions={{ col: { size: 6 } }}
  + >
  + <Form.Field name="singleUpload" label="Single upload" rules={[{ required: true }]}>
  + <Upload {...uploaderProps}>
  + <Button>Upload</Button>
  + </Upload>
  + </Form.Field>
  +
  + <Form.Field
  + name="multipleUpload"
  + label="Multiple upload"
  + extra="This field is required"
  + rules={[{ required: true }]}
  + >
  + <Upload multiple {...uploaderProps}>
  + <Button>Upload</Button>
  + </Upload>
  + </Form.Field>
  +
  + <button type="submit">Submit</button>
  + </Form>
  + );
  +};
  