All files / src/form/_example FormReadOnlyExample.jsx

100% Statements 1/1
100% Branches 0/0
100% Functions 1/1
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30            1x                                              
import React from "react";
import { Form } from "@tencent/tea-component/lib/form";
import { Card } from "@tencent/tea-component/lib/card";
import { Button } from "@tencent/tea-component/lib/button";
 
export default function FormReadOnlyExample() {
  return (
    <div className="example-stage">
      <Card>
        <Card.Body
          title="个人信息"
          operation={<Button type="link">修改</Button>}
        >
          <Form readonly>
            <Form.Item label="用户名">
              <Form.Text>Tea</Form.Text>
            </Form.Item>
            <Form.Item label="密码">
              <Form.Text>******</Form.Text>
            </Form.Item>
            <Form.Item label="生效时间">
              <Form.Text>2019-03-27</Form.Text>
            </Form.Item>
          </Form>
        </Card.Body>
      </Card>
    </div>
  );
}