commit | author | age | ||
4f1007 | 1 | <template> |
CM | 2 | <section> |
3 | <base-card> | |
4 | <header> | |
5 | <h3>{{ fullName }}</h3> | |
6 | <base-badge :type="role" :caption="role.toUpperCase()"></base-badge> | |
7 | </header> | |
8 | <p>{{ infoText }}</p> | |
9 | </base-card> | |
10 | </section> | |
11 | </template> | |
12 | ||
13 | <script> | |
14 | export default { | |
15 | props: ['fullName', 'infoText', 'role'], | |
16 | }; | |
17 | </script> | |
18 | ||
19 | <style scoped> | |
20 | section header { | |
21 | display: flex; | |
22 | justify-content: space-between; | |
23 | align-items: center; | |
24 | } | |
25 | </style> |