| 1 |
<div |
| 2 |
:class="{ 'cx-vui-collapse': true, 'cx-vui-collapse--collapsed': 'collapsed' === this.state }" |
| 3 |
v-if="isVisible()" |
| 4 |
> |
| 5 |
<div |
| 6 |
class="cx-vui-collapse__heading" |
| 7 |
@click="switchState" |
| 8 |
> |
| 9 |
<span :class="[ 'cx-vui-collapse__heading-icon', 'dashicons', this.iconArrow ]"></span> |
| 10 |
<slot name="title"></slot> |
| 11 |
</div> |
| 12 |
<div class="cx-vui-collapse__content"> |
| 13 |
<slot name="content"></slot> |
| 14 |
</div> |
| 15 |
</div> |
