kui-vue/components/collapse/demo/base.md

A high quality UI Toolkit built on Vue.js 2.0

<cn>
#### 基本用法
默认可以同时展开一个或者多个面板
</cn>

```vue
<template>
  <div class="demo-collapse">
    <Collapse :value="['1']">
      <Panel title="Panel title" key="1">
        <div>{{text}}</div>
      </Panel>
      <Panel title="Panel title" key="2">
        <div>{{text}}</div>
      </Panel>
      <Panel title="Panel title" key="3">
        <div>{{text}}</div>
      </Panel>
    </Collapse>
  </div>
</template>
<script>
export default {
  data() {
    return {
      text : `A long time ago, In a beautiful kingdom, 
  there lived a young king and queen, 
  the people loved them so much; `
    }
  }
}
</script>
```