|
|
@ -71,6 +71,7 @@ export const TextInput: Component<
|
|
|
|
"gap-1": true,
|
|
|
|
"gap-1": true,
|
|
|
|
"h-8": props.vertical,
|
|
|
|
"h-8": props.vertical,
|
|
|
|
"font-bold": rest.required,
|
|
|
|
"font-bold": rest.required,
|
|
|
|
|
|
|
|
"bg-slate-200/70": vState().valid,
|
|
|
|
"bg-red-100": !vState().valid,
|
|
|
|
"bg-red-100": !vState().valid,
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
>
|
|
|
@ -96,6 +97,7 @@ export const TextInput: Component<
|
|
|
|
<Show when={props.suffix}>
|
|
|
|
<Show when={props.suffix}>
|
|
|
|
<span
|
|
|
|
<span
|
|
|
|
classList={{
|
|
|
|
classList={{
|
|
|
|
|
|
|
|
"bg-slate-200/70": vState().valid,
|
|
|
|
"bg-red-100": !vState().valid,
|
|
|
|
"bg-red-100": !vState().valid,
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
>
|
|
|
@ -154,7 +156,7 @@ export const TextArea: Component<
|
|
|
|
</Show>
|
|
|
|
</Show>
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
<label class="input-group input-group-vertical">
|
|
|
|
<label class="input-group input-group-vertical">
|
|
|
|
<span class="h-8 flex gap-2 justify-between pr-14">
|
|
|
|
<span class="h-8 bg-slate-200/70 flex gap-2 justify-between pr-14">
|
|
|
|
{props.label}
|
|
|
|
{props.label}
|
|
|
|
{props.labelSuffixJsx}
|
|
|
|
{props.labelSuffixJsx}
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|