| title | BlockHeader 标题 | ||
|---|---|---|---|
| group | 组件 | ||
| toc | content | ||
| demo |
|
用于创建一个模块标题
适合使用在需要简单描述的场景,或适用于将大量数据按照模块划分的场景。
基础使用
自定义 icon
带提示信息的标题
支持
children 做为内容展示标题超长
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 标题 | string |
- |
| addonBefore | 标题前的图标,默认是一个色块 | React.ReactNode |
- |
| description | 标题提示文案 | React.ReactNode |
- |
| tooltip | 默认展示问号提示 | TooltipProps | TooltipProps['title'] |
- |
| addonAfter | 标题后的内容 | React.ReactNode |
- |
| size | 小标题、中标题,默认为中标题 | small | middle | large |
middle |
| className | 标题的样式类名 | string |
- |
| style | 标题的样式 | React.CSSProperties |
- |
| contentClassName | 展示内容的样式类名 | string |
- |
| contentStyle | 展示内容的样式 | React.CSSProperties |
- |
| background | 是否显示背景 | boolean |
true |
| defaultExpand | 是否默认展开内容 | boolean |
- |
| expand | 当前展开状态 | boolean |
|
| spaceBottom | 自定义下边距 | number |
16 |
| children | 展开/收起的内容 | React.ReactNode |
- |
| onExpand | 展开/收起时的回调 | (expand: boolean) => void |
- |