@aliretail/react-materials-components/demo/Form/normalForm.md

B 端物料组件库

---
title: 普通表格
order: 1
---

普通表格无须配置cols

````jsx
import React from 'react';
import { Input, Checkbox, Button } from '@alifd/next';
import { Form } from '@aliretail/react-materials-components';

addStyle();

class Demo extends React.Component {
  render() {
    return (
      <div>
        <Form>
          <Input style={{ width: '100%' }} />
          <Input style={{ width: '100%' }} />
          <Input style={{ width: '100%' }} />
          <Input style={{ width: '100%' }} />
          <Input style={{ width: '100%' }} />
        </Form>
      </div>
    );
  }
}

function addStyle() {
  const style = `
    #normalForm {
      display: block !important;
    }
  `;
  const styleDom = document.createElement('style');
  styleDom.innerHTML = style;
  document.head.appendChild(styleDom);
}


ReactDOM.render(<Demo />, mountNode);
````