@aligov/descriptions

描述列表

Usage no npm install needed!

<script type="module">
  import aligovDescriptions from 'https://cdn.skypack.dev/@aligov/descriptions';
</script>

README

@aligov/descriptions

成组展示多个只读字段。

fork 自 antd 的 descriptions 组件，移除了响应式功能。

何时使用

常见于详情页的信息展示。

API

Descriptions

参数 说明 类型 默认值
title 描述列表的标题，显示在最顶部 ReactNode
bordered 是否展示边框 boolean false
column 一行的 DescriptionItems 数量 number 3
size 设置列表的大小。可以设置为 middle 、small, 或不填（只有设置 bordered={true} 生效） default | middle | small false
layout 描述布局 horizontal | vertical horizontal
colon 配置 Descriptions.Item 的 colon 的默认值 boolean true

DescriptionItem

参数 说明 类型 默认值 版本
label 内容的描述 ReactNode - 3.19.0
span 包含列的数量 number 1 3.19.0

span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。