seepur/resources/scripts/applications/home/components/child_avatar.vue
2020-02-09 10:17:11 -05:00

23 lines
511 B
Vue

<template>
<div class="chiled-avatar has-text-centered">
<div class="child-avatar-image">
<figure class="image is-96x96">
<img :src="child.avatarUrl" alt="Placeholder image" class="is-rounded is-avatar" />
</figure>
</div>
<div class="chiled-avatar-name">{{child.name}}</div>
</div>
</template>
<script lang="ts">
export interface IChildAvatar {
avatarUrl: string;
name: string;
}
export default {
name: "ChildAvatar",
props: ["child"],
created() {}
};
</script>