packages-demo/demo-rc-elements/stories/demo-form/index.tsx

import React, {
  useState
} from 'react';

import {
  Form,
  InputText,
  InputTextarea,
  InputNumber,
  InputSwitch
} from '../../src';
import Shared from '../_shared';

export default function DemoForm(): JSX.Element {
  const [stateDense, setStateDense] = useState<boolean>();
  
  return <>
    <Shared />
    <Form {...{
      dense: stateDense,
      items: [{
        label: 'props.dense',
        content: <InputSwitch {...{
          value: stateDense,
          onChange: setStateDense
        }} />
      }, {
        label: '非输入框',
        content: '1234-567890-9876542-23456789',
        help: '这个东西来自哪里，用来做什么。'
      }, {
        label: 'InputText',
        content: <InputText />,
        help: '尽量对无法直观理解的输入进行说明。'
      }, {
        label: 'InputTextarea',
        content: <InputTextarea />
      }, {
        label: 'InputNumber',
        content: <InputNumber />
      }, {
        label: 'InputSwitch',
        content: <InputSwitch />
      }]
    }} />
  </>;
}