---
description: 'A Button component.'
labels: ['label1', 'label2', 'label3']
---

import DetialItemTitle from './index'
import '@platformuiserver/platformui.assets/css/index.less'

### 组件使用方式

```js
  <div style={{ minWidth: '400px', border: '5px solid #e8e8e8' }}>
    <div style={{ marginBottom: '17px' }}>
      <DetialItemTitle title="基础信息"/>
    </div>
    <div style={{ marginBottom: '17px' }}>
      <DetialItemTitle title="基础信息">
        <div style={{marginLeft: '10px'}}>内容区域</div>
      </DetialItemTitle>
    </div>
  </div>
```

### Using props to customize the text

Modify the text to see it change live:

```js live
  <div style={{ minWidth: '400px', border: '5px solid #e8e8e8' }}>
    <div style={{ marginBottom: '17px' }}>
      <DetialItemTitle title="基础信息"/>
    </div>
    <div style={{ marginBottom: '17px' }}>
      <DetialItemTitle title="基础信息">
        <div style={{marginLeft: '10px'}}>内容区域</div>
      </DetialItemTitle>
    </div>
  </div>
```
