mirror of
https://origin.cursor.com/mrdevmx/panels.git
synced 2026-10-09 14:03:16 +00:00
FormField wrapped slot content in a <label>, so clicks on the project MultiSelect bubbled to the first control inside (scope_all_projects). Use a div wrapper for multi-control field groups. Co-authored-by: alberto.martinez <alberto.martinez@mrdev.mx>
12 lines
450 B
Vue
12 lines
450 B
Vue
<template>
|
|
<!-- div, not label: a wrapping <label> breaks multi-control fields (e.g. checkbox + MultiSelect). -->
|
|
<div class="form-field">
|
|
<span class="form-field-label">{{ label }}<span v-if="required" class="required-mark"> *</span></span>
|
|
<slot />
|
|
<small v-if="error" class="p-error">{{ error }}</small>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{ label: string; required?: boolean; error?: string }>();
|
|
</script>
|