mirror of
https://code.lenaisten.de/Lenaisten/advent22.git
synced 2024-12-24 21:43:00 +00:00
BulmaButton icon optional
This commit is contained in:
parent
b3448dbfa8
commit
27db0ea908
2 changed files with 7 additions and 8 deletions
|
@ -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>
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue