Show · Description
Description
Demos
How to import
Basic Usage
Alignment
You can use
align
to set alignment of key-value. Supporting values including: center
(default), justify
, left
, and plain
.Row Display
Set
row
to display the data to two-row, supporting three sizes: small
, medium
(default), and large
.Descriptions Using JSX
Version: >= 1.17.0
API Reference
Descriptions
Properties | Instructions | type | Default |
---|---|---|---|
align | Alignment of the key-value data, one of center , left , plain | string | center |
className | Classname | string | - |
data | Data to display | DataItem[] | - |
row | Toggle whether to display data in double-row | boolean | false |
size | Size of the list for double-row display, one of small , medium , large | string | medium |
style | Inline style | CSSProperties | - |
DataItem
Properties | Instructions | type | Default |
---|---|---|---|
key | Key value | ReactNode | - |
value | Data value | ReactNode | (() => ReactNode) | - |
hidden | Toggle whether the data should be displayed v>=1.12.0 | boolean | - |
Descriptions.Item
v>=1.17.0
Properties | Instructions | type | Default |
---|---|---|---|
itemKey | Key value | ReactNode | - |
hidden | Toggle whether the data should be displayed | boolean | - |
className | Classname | string | - |
style | Inline style | CSSProperties | - |
Content Guidelines
- Field names and values are written in upper and lower case according to the Sentence case principle