this repo has no description
💄 (design system) add form input to custom design system
+30
+1
components.d.ts
+1
components.d.ts
···
13
13
CrcCard: typeof import('./src/components/architecture/crc-card.vue')['default']
14
14
CrcProject: typeof import('./src/components/architecture/crc-project.vue')['default']
15
15
ForgettingCurve: typeof import('./src/components/smart-notes/forgetting-curve.vue')['default']
16
+
FormInput: typeof import('./src/components/design-system/form/FormInput.vue')['default']
16
17
Island: typeof import('./node_modules/.pnpm/iles@0.9.5_rollup@2.79.1_sass@1.62.1/node_modules/iles/dist/client/app/components/Island.vue')['default']
17
18
JulienCalixte: typeof import('./src/components/core/julien-calixte.vue')['default']
18
19
MyProjects: typeof import('./src/components/presentation/my-projects.vue')['default']
+29
src/components/design-system/form/FormInput.vue
+29
src/components/design-system/form/FormInput.vue
···
1
+
<script setup lang="ts">
2
+
defineProps<{
3
+
id: string
4
+
label: string
5
+
modelValue: string
6
+
}>()
7
+
defineEmits<{
8
+
(event: "update:modelValue", value: string): void
9
+
}>()
10
+
</script>
11
+
12
+
<template>
13
+
<div class="form-input">
14
+
<label :for="id">{{ label }}</label>
15
+
<input
16
+
type="text"
17
+
id="id"
18
+
:value="modelValue"
19
+
@input="$emit('update:modelValue', $event.target?.value ?? '')"
20
+
/>
21
+
</div>
22
+
</template>
23
+
24
+
<style scoped lang="scss">
25
+
.form-input {
26
+
display: flex;
27
+
gap: 1rem;
28
+
}
29
+
</style>