yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

UI: add classes to SelectInput

Browse Source
This commit is contained in:
Johannes Kirschbauer
2024-08-21 15:24:15 +02:00
parent 0e5c6ad4dc
commit c2b4aad634
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pkgs/webview-ui/app/src/components/SelectInput.tsx
View File

@@ -1,6 +1,7 @@
import { FieldValues, FormStore, ResponseData } from "@modular-forms/solid"; import { FieldValues, FormStore, ResponseData } from "@modular-forms/solid";
import { Show } from "solid-js"; import { Show } from "solid-js";
import { type JSX } from "solid-js"; import { type JSX } from "solid-js";
import cx from "classnames";
interface SelectInputProps<T extends FieldValues, R extends ResponseData> { interface SelectInputProps<T extends FieldValues, R extends ResponseData> {
formStore: FormStore<T, R>; formStore: FormStore<T, R>;
@@ -11,14 +12,15 @@ interface SelectInputProps<T extends FieldValues, R extends ResponseData> {
error?: string; error?: string;
required?: boolean; required?: boolean;
topRightLabel?: JSX.Element; topRightLabel?: JSX.Element;
class?: string;
} }
export function SelectInput<T extends FieldValues, R extends ResponseData>( export function SelectInput<T extends FieldValues, R extends ResponseData>(
props: SelectInputProps<T, R>, props: SelectInputProps<T, R>
) { ) {
return ( return (
<label <label
class="form-control w-full" class={cx("form-control w-full", props.class)}
aria-disabled={props.formStore.submitting} aria-disabled={props.formStore.submitting}
> >
<div class="label"> <div class="label">