---
order: 0
title: 辅助表单元素布局和信息展示的组件
---

FormItem

````jsx
import ProcessLoading from '@alicd/form-item';
import { Form } from '@alicd/next';
import '@alicd/form-item/assets/index.scss';

ReactDOM.render(
  <Form>
    <FormItem label="表单元素的标题">
      <p className="next-form-text-align">表单元素的内容</p>
    </FormItem>
  </Form>,
  mountNode
);

````

````walle
// tpl 部分
<Form>
  <FormItem label="表单元素的标题">
    <p className="next-form-text-align">表单元素的内容</p>
  </FormItem>
</Form>

// js 部分
walle.view.extend({
})
````