---
order: 2
group:
  title: 文本
  order: 40
---

## 下拉选择框

可改变文字样式、标题名称, 可当作普通的文本框使用

```tsx
import React from 'react';
import * as Charts from 'edata-charts';

export default () => <Charts.TimePicker />;
```

## API

| 参数      | 说明       | 类型   |
| --------- | ---------- | ------ |
| size      | 容器的宽高 | object |
| text      | 标题名称   | string |
| textStyle | 标题样式   | object |

### size

| 参数   | 说明 | 类型           |
| ------ | ---- | -------------- |
| width  | 宽度 | number\|string |
| height | 高度 | number\|string |

### textStyle

| 参数       | 说明     | 类型   |
| ---------- | -------- | ------ |
| fontSize   | 字体大小 | number |
| fontFamily | 字体     | string |
| color      | 字体颜色 | string |
| fontWeight | 字体粗细 | string |