32 lines
646 B
Vue
32 lines
646 B
Vue
<template>
|
|
<section>
|
|
<base-card>
|
|
<template v-slot:header>
|
|
<h3>{{ fullName }}</h3>
|
|
<base-badge
|
|
:type="role"
|
|
:caption="role.toUpperCase()"
|
|
></base-badge>
|
|
</template>
|
|
|
|
<template v-slot:default>
|
|
<p>{{ infoText }}</p>
|
|
</template>
|
|
</base-card>
|
|
</section>
|
|
</template>
|
|
|
|
<script scoped>
|
|
export default {
|
|
props: ["fullName", "infoText", "role"],
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
section header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
</style>
|