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
