forked from Mirrors/elk
24 lines
397 B
Vue
24 lines
397 B
Vue
|
<script setup lang="ts">
|
||
|
|
interface Role {
|
||
|
|
name: string
|
||
|
|
color: string
|
||
|
|
}
|
||
|
|
|
||
|
|
defineProps<{
|
||
|
|
role: Role
|
||
|
|
}>()
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div
|
||
|
|
flex="~ gap1" items-center
|
||
|
|
class="border border-base rounded-md px-1"
|
||
|
|
text-secondary-light
|
||
|
|
>
|
||
|
|
<slot name="prepend" />
|
||
|
|
<div :style="`color: ${role.color}; border-color: ${role.color}`">
|
||
|
|
{{ role.name }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|