funkwhale/front/src/components/ui/Toggle.vue

25 wiersze
394 B
Vue
Czysty Zwykły widok Historia

<script setup lang="ts">
interface Props {
big?: boolean
}
defineProps<Props>()
const { modelValue: enabled } = defineModels<{
modelValue: boolean
}>()
</script>
<template>
<div
class="funkwhale toggle"
:class="{ 'is-active': enabled, 'is-big': big }"
>
<input type="checkbox" v-model="enabled" />
</div>
</template>
<style lang="scss">
@import './style.scss'
</style>