remove bulma Drawer slot "heading"

This commit is contained in:
Jörn-Michael Miehe 2023-09-10 00:54:29 +00:00
parent cfeb87401e
commit d4bd41fc67
2 changed files with 53 additions and 47 deletions

View file

@ -1,8 +1,5 @@
<template> <template>
<BulmaDrawer> <BulmaDrawer header="Türchen bearbeiten">
<template v-slot:heading>Türchen bearbeiten</template>
<template v-slot:default>
<div class="panel-tabs is-justify-content-space-between"> <div class="panel-tabs is-justify-content-space-between">
<BulmaButton <BulmaButton
:disabled="current_step === 0" :disabled="current_step === 0"
@ -45,7 +42,6 @@
text="Speichern" text="Speichern"
/> />
</div> </div>
</template>
</BulmaDrawer> </BulmaDrawer>
</template> </template>

View file

@ -7,7 +7,7 @@
:icon="'fa-solid fa-angle-' + (is_open ? 'down' : 'right')" :icon="'fa-solid fa-angle-' + (is_open ? 'down' : 'right')"
/> />
</span> </span>
<span><slot name="heading" /></span> <span v-if="header !== ''">{{ header }}</span>
</span> </span>
</p> </p>
<slot v-if="is_open" name="default" /> <slot v-if="is_open" name="default" />
@ -15,10 +15,20 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { Vue } from "vue-class-component"; import { Options, Vue } from "vue-class-component";
@Options({
props: {
header: {
type: String,
required: false,
default: "",
},
},
})
export default class extends Vue { export default class extends Vue {
public is_open = false; public is_open = false;
public header!: string;
} }
</script> </script>