# 展开/收起 组件

## 介绍

可通过默认 slot 插入任何元素,如果高度超过预定值,则在底部显示展开/收起按钮

## 引入

```js
import { Vue } from "vue";
import { Expandable } from "@bingoit/mobile-ui";

Vue.use(Expandable);
```

## 代码演示

### 基础用法

```html
<bgo-expandable :max-height="96">
    <p>
        {a very long text}
    </p>
</bgo-expandable>
```

## API

### Props

| 名称       | 说明                                                        | 类型     | 可选值 | 默认值 |
| ---------- | ----------------------------------------------------------- | -------- | ------ | ------ |
| max-height | 最大高度,自动添加 px 单位,内容超过该高度会显示展开/收起按钮 | _number_ | -      | 96     |

### Slots

| 名称    | 说明     |
| ------- | -------- |
| default | 插入内容 |