v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styling

Browse source
This commit is contained in:
Jesus Vasquez 2024-03-04 20:50:32 -05:00
parent 59a7bcc224
commit fadaa0fe4a
11 changed files with 94 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/Form/SelectInput.tsx
View file

@ -8,15 +8,20 @@ const SelectInput = ({ label, ...props }: { label?: string; name: string; [x: st
const [field, meta] = useField(restProps)
return (
<div className="">
<div className="flex flex-col gap-3">
{label && (
<label className="text-md" htmlFor={props.id || props.name}>
{label}
<RequiredAsterisk required={required} />
</label>
)}
<RequiredAsterisk required={required} />
<select className="h-10 w-full rounded-lg border px-3 text-base shadow-sm" {...field} {...restProps} />
<ErrorMessage touched={meta.touched} error={meta.error} />
<div className="flex flex-col">
<select className="h-10 w-full rounded-lg border border-grey-500 px-4 text-sm" {...field} {...restProps} />
<ErrorMessage touched={meta.touched} error={meta.error} />
</div>
</div>
)
}