---
name: 标题组件
route: /IOTTitle
menu: 组件
---
import { CodeBox } from '../../doc-comps/code-box';

import BasicDemo from './demo/1-demo-basic';
import BasicDemoCode from '!raw-loader!./demo/1-demo-basic.tsx';

# IOTTitle 标题组件

展示标题。

## 代码演示

### 基本用法

<CodeBox code={BasicDemoCode} title="基本用法" desc="">
  <BasicDemo />
</CodeBox>
## API

| 属性       | 说明     |                        类型                                         | 默认值 |
| ----------| -------- | ----------------------------------------------------------------| ------ |
| title      | 标题     |                                     stirng                       |      |
| subTitle      | 副标题   |                                  { show: boolean,value:string}                  |      |
| icon           | 字体图标        |                                                  |          |
| showIcon       | 是否展示图标   |                        boolean                        |      |
| handleChanged |  点击时的回调      |                (checked: boolean) => void;         |           |