eduproj/components/Card.vue

40 lines
781 B
Vue
Raw Permalink Normal View History

2021-12-28 07:01:39 +00:00
<template>
<div class="column">
<div class="card">
<header class="card-header">
<p class="card-header-title has-text-grey">
{{ title }}
</p>
</header>
<div class="card-content">
<div class="content has-text-centered">
<b-icon :icon="icon" size="is-large" type="is-primary" />
</div>
</div>
<footer class="card-footer">
<div class="card-footer-item">
<span>
<slot />
</span>
</div>
</footer>
</div>
</div>
</template>
<script>
export default {
2021-12-28 07:12:59 +00:00
"name": "BuefyCard",
"props": {
"title": {
"type": String,
"required": true,
2021-12-28 07:01:39 +00:00
},
2021-12-28 07:12:59 +00:00
"icon": {
"type": String,
"required": true,
},
},
2021-12-28 07:01:39 +00:00
};
</script>