BulmaButton icon optional

This commit is contained in:
Jörn-Michael Miehe 2023-09-07 16:51:19 +00:00
parent b3448dbfa8
commit 27db0ea908
2 changed files with 7 additions and 8 deletions

View file

@ -1,7 +1,7 @@
<template>
<button class="button">
<span class="icon-text">
<span class="icon">
<span v-if="icon !== undefined" class="icon">
<font-awesome-icon :icon="icon" />
</span>
<span><slot name="default" /></span>
@ -14,11 +14,14 @@ import { Options, Vue } from "vue-class-component";
@Options({
props: {
icon: String,
icon: {
type: String,
required: false,
},
},
})
export default class extends Vue {
public icon!: string;
public icon?: string;
}
</script>

View file

@ -8,11 +8,7 @@
<DoorChooser v-if="current_step === 1" v-model:doors="doors" />
<template v-if="current_step === 2">
<Calendar :doors="doors" />
<BulmaButton
class="is-success"
icon="fa-solid fa-crosshairs"
@click.left="load_doors"
>
<BulmaButton class="is-success" @click.left="load_doors">
Laden
</BulmaButton>
<BulmaButton