<template>
<v-container>
<v-row>
<v-col col="12">
<div>
<div class="d-flex">
<v-checkbox v-model="disabled" label="Disabled"></v-checkbox>
</div>
<v-expansion-panels v-model="panel" :disabled="disabled" multiple>
<v-expansion-panel>
<v-expansion-panel-header>Panel 1</v-expansion-panel-header>
<v-expansion-panel-content>Some content</v-expansion-panel-content>
</v-expansion-panel>
<v-expansion-panel>
<v-expansion-panel-header>Panel 2</v-expansion-panel-header>
<v-expansion-panel-content>Some content</v-expansion-panel-content>
</v-expansion-panel>
<v-expansion-panel>
<v-expansion-panel-header>Panel 3</v-expansion-panel-header>
<v-expansion-panel-content>Some content</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</div>
</v-col>
</v-row>
</v-container>
</template>
<script>
export default {
name: "HelloWorld",
data: () => ({
panel: [0, 1],
disabled: false,
readonly: false,
}),
};
</script>
Code Example |
---|
Html :: table in bootstrap 4 |
Html :: anchor tag background image html |
Html :: how to change language to django-html on vscode |
Html :: accordion bootstrap |
Html :: images html |
Html :: HTML <strong Elements |
Html :: salesforce aura input checkbox |
Html :: html cite |
Html :: external css |
Html :: html table fixed first column |
Html :: how to create bold text in html |
Html :: divs in html |
Html :: html form razor |
Html :: title html hover style |
Html :: html special characters |
Html :: how to add lines between div rows html |
Html :: entrata alerts |
Html :: wordress audio volume |
Html :: iframe ember pdf |
Html :: no script image |
Html :: navbar html |
Html :: tailwind danger text |
Html :: common web server ports |
Html :: html5 input types |
Html :: html month set default |
Html :: how to add bootstrap carousel |
Html :: h1 alert |
Html :: html schriftart einbinden |
Html :: carousel with javascript |
Html :: html table colgroup |