Add new UI components: Card and Checkbox; enhance Input and Button with additional props

This commit is contained in:
lucast committed 2025-12-05 02:34:58 +01:00
1 parent 89f84e571f
commit e1716c3e61
6 files changed
+205 -15

No files matched your search

+23
View File
@@ -0,0 +1,23 @@
<script setup lang="ts">
interface CardProps {
width?: string
}
const props = defineProps<CardProps>()
</script>
<template>
<article class="card" :style="{ width: props.width }">
<slot />
</article>
</template>
<style lang="scss" scoped>
@use "@/styles/variables" as *;
.card {
border: 1px solid $color-border;
border-radius: $standard-border-radius;
padding: 1rem;
}
</style>