@illa-design/description v1.3.0

Descriptions

This component is used for the display of read-only information.

Installation

yarn add @illa-design/Descriptions

Import component

import { Descriptions } from "@illa-design/descriptions"

API

Descriptions Basic Properties

Descriptions-item Basic Properties

Examples

Basic usage

<Description
  data={[
    {
      label: "Name",
      value: "ILLA",
    },
    {
      label: "Mobile",
      value: "123-1234-1234",
    },
    {
      label: "Residence",
      value: "Beijing",
    },
    {
      label: "Hometown",
      value: "Beijing",
    },
    {
      label: "Date of Birth",
      value: "2020-05-15",
      span: 2,
    },
    {
      label: "Address",
      value: "Building, Road, Beijing",
      span: 3,
    },
  ]}
/>

Set large size and left align

<Description
  align={"left"}
  size={"large"}
  layout="horizontal"
  column={1}
  data={dataList}
/>