# Panel 面板
## 使用场景
类似 card，更定制化的 panel 区域
## 案例演示
### Panel 基本使用
---demo
```js
import { Panel } from 'amos-framework';
ReactDOM.render((
), _react_runner_);
```
---demoend
### 采用 collapse 方式展示
---demo
```js
import { Panel } from 'amos-framework';
ReactDOM.render((
), _react_runner_);
```
---demoend
### Panel 自定义使用
采用Header/Body 组件进行使用
---demo
```js
import { Panel } from 'amos-framework';
const Header = Panel.Header;
const Body = Panel.Body;
ReactDOM.render((
我是内容区
), _react_runner_);
```
---demoend
## props
### Panel
| params | type | default | description |
|--------- |-------- |---------- |-------- |
| prefixCls | string | `amos-panel` | css class 前缀 |
| className | string | - | 自定义样式名 |
| children | node | `` | 内容 |
| collapse | boolean | - | 采用 collapse 方式展示 |
### Panel.Header
| params | type | default | description |
|--------- |-------- |---------- |-------- |
| prefixCls | string | `amos-panel` | css class 前缀 |
| className | string | - | 自定义样式名 |
| children | node | `` | 内容 |
### Panel.Body
| params | type | default | description |
|--------- |-------- |---------- |-------- |
| prefixCls | string | `amos-panel` | css class 前缀 |
| className | string | - | 自定义样式名 |
| children | node | `` | 内容 |