mirror of
https://github.com/sky-systems/sky_phone.git
synced 2026-09-02 03:08:54 +00:00
DerEchteAlec
30 lines
548 B
Vue
30 lines
548 B
Vue
<script setup lang="ts">
|
|
withDefaults(
|
|
defineProps<{
|
|
label: string
|
|
showLabel?: boolean
|
|
size: 'small' | 'medium' | 'large'
|
|
}>(),
|
|
{
|
|
showLabel: true,
|
|
},
|
|
)
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="sky-widget-frame"
|
|
:class="[
|
|
`sky-widget-frame--${size}`,
|
|
{ 'sky-widget-frame--unlabelled': !showLabel },
|
|
]"
|
|
>
|
|
<div class="sky-widget-frame__surface">
|
|
<slot />
|
|
</div>
|
|
<span v-if="showLabel" class="sky-widget-frame__label" aria-hidden="true">
|
|
{{ label }}
|
|
</span>
|
|
</div>
|
|
</template>
|