Add new UI components: Card and Checkbox; enhance Input and Button with additional props
This commit is contained in:
1 parent
89f84e571f
commit
e1716c3e61
6 files changed
+205
-15
No files matched your search
@@ -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>
|
||||
Reference in new issue
Block a user