aboutsummaryrefslogtreecommitdiff
path: root/resources/vue/components/StudipSquareButton.vue
blob: e1bcb668877a7e7ce40430f85ee87958f59b32a6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<template>
    <button class="square-button" @click="$emit('click')">
        <studip-icon :shape="icon" :size="50" />
        <span>{{ title }}</span>
    </button>
</template>

<script>
export default {
    name: 'studip-square-button',
    emits: ['click'],
    props: {
        icon: {
            type: String,
            default: 'seminar',
        },
        title: {
            type: String,
            required: true,
            validator: (value) => {
                return value !== '';
            },
        },
    },
};
</script>