You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.1 KiB
44 lines
1.1 KiB
4 years ago
|
---
|
||
|
|
order: 999
|
||
|
|
title:
|
||
|
|
zh-CN: 自定义 label & wrapper 样式
|
||
|
|
en-US: Customize label & wrapper style
|
||
|
|
debug: true
|
||
|
|
---
|
||
|
|
|
||
|
|
## zh-CN
|
||
|
|
|
||
|
|
自定义 label & wrapper 样式
|
||
|
|
|
||
|
|
## en-US
|
||
|
|
|
||
|
|
Customize label & wrapper style
|
||
|
|
|
||
|
|
```tsx
|
||
|
|
import { Descriptions } from 'antd';
|
||
|
|
|
||
|
|
const labelStyle: React.CSSProperties = { background: 'red' };
|
||
|
|
const contentStyle: React.CSSProperties = { background: 'green' };
|
||
|
|
|
||
|
|
ReactDOM.render(
|
||
|
|
<>
|
||
|
|
<Descriptions title="User Info">
|
||
|
|
<Descriptions.Item label="Product" labelStyle={labelStyle} contentStyle={contentStyle}>
|
||
|
|
Cloud Database
|
||
|
|
</Descriptions.Item>
|
||
|
|
<Descriptions.Item label="Billing Mode">Prepaid</Descriptions.Item>
|
||
|
|
<Descriptions.Item label="Automatic Renewal">YES</Descriptions.Item>
|
||
|
|
</Descriptions>
|
||
|
|
|
||
|
|
<Descriptions title="User Info" bordered>
|
||
|
|
<Descriptions.Item label="Product" labelStyle={labelStyle} contentStyle={contentStyle}>
|
||
|
|
Cloud Database
|
||
|
|
</Descriptions.Item>
|
||
|
|
<Descriptions.Item label="Billing Mode">Prepaid</Descriptions.Item>
|
||
|
|
<Descriptions.Item label="Automatic Renewal">YES</Descriptions.Item>
|
||
|
|
</Descriptions>
|
||
|
|
</>,
|
||
|
|
mountNode,
|
||
|
|
);
|
||
|
|
```
|