24 lines
1.3 KiB
Vue
24 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
const panel = ref([0]);
|
|
</script>
|
|
<template>
|
|
<v-expansion-panels v-model="panel">
|
|
<v-expansion-panel elevation="10" >
|
|
<v-expansion-panel-title class="text-h6">Accordion 1</v-expansion-panel-title>
|
|
<v-expansion-panel-text> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.</v-expansion-panel-text>
|
|
</v-expansion-panel>
|
|
<v-divider></v-divider>
|
|
<v-expansion-panel elevation="10">
|
|
<v-expansion-panel-title class="text-h6">Accordion 2</v-expansion-panel-title>
|
|
<v-expansion-panel-text> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.</v-expansion-panel-text>
|
|
</v-expansion-panel>
|
|
<v-divider></v-divider>
|
|
<v-expansion-panel elevation="10">
|
|
<v-expansion-panel-title class="text-h6">Accordion 3</v-expansion-panel-title>
|
|
<v-expansion-panel-text> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.</v-expansion-panel-text>
|
|
</v-expansion-panel>
|
|
|
|
</v-expansion-panels>
|
|
</template>
|