Skip to content
Snippets Groups Projects
Commit 2639f995 authored by Konrad Mohrfeldt's avatar Konrad Mohrfeldt :koala:
Browse files

feat: allow form group children to be placed inline

parent aaf9a154
No related branches found
No related tags found
No related merge requests found
<template> <template>
<div class="form-group tw-block last:tw-mb-0" :class="formGroupClass"> <div
class="form-group last:tw-mb-0"
:class="[
formGroupClass,
{
'tw-block': !inline,
'tw-flex tw-gap-2 tw-items-center': inline,
},
]"
>
<div <div
class="form-group-description tw-flex tw-gap-x-2 tw-gap-y-1 tw-mb-2 empty:tw-hidden" class="form-group-description tw-flex tw-gap-x-2 tw-gap-y-1 empty:tw-hidden"
:class="center ? 'tw-items-center tw-self-center' : 'tw-items-baseline'" :class="[
center ? 'tw-items-center tw-self-center' : 'tw-items-baseline',
{ 'tw-mb-2': !inline },
]"
> >
<label <label
v-if="label" v-if="label"
...@@ -70,6 +82,7 @@ const props = withDefaults( ...@@ -70,6 +82,7 @@ const props = withDefaults(
withEditButton?: boolean withEditButton?: boolean
isSaving?: boolean | undefined isSaving?: boolean | undefined
center?: boolean center?: boolean
inline?: boolean
}>(), }>(),
{ {
isSaving: undefined, isSaving: undefined,
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment