Nejcraft/nej-react-components
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

change props children in input

Browse Source
This commit is contained in:
honzapatCZ 2025-03-31 11:24:49 +02:00
parent f082308d5d
commit b46be19a22
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Parts/Input.tsx
View File

@ -5,11 +5,11 @@ import { useField as useFormikField, useFormikContext, FieldHookConfig } from "f
//const useFormikField = null;
//const useFormikContext = ()=>{};
export function useField(props){
export function useField(props) {
let getField = useFormikField;
const context = useFormikContext();
if(!context){
getField = (propsOrFieldName: FieldHookConfig<any>)=>{
if (!context) {
getField = (propsOrFieldName: FieldHookConfig<any>) => {
return [props, null, null];
}
}
@ -25,8 +25,9 @@ export default function Input(
}
) {
/*name, id*/
let { children, ...otherProps } = props;
const [field, meta, helpers] = useField(props);
const [field, meta, helpers] = useField(otherProps);
return (
<div css={[props.title && tw`my-1`, tw`relative`]} className={props.className}>
@ -43,7 +44,7 @@ export default function Input(
{/*name={name || title} id={id || name || title}*/}
<input
id={props.id ?? props.name ?? props.title}
{...props}
{...otherProps}
{...field}
tw="bg-primary appearance-none border-2 border-secondary rounded w-full py-2 px-4 text-primary leading-tight focus:outline-none focus:bg-secondary focus:border-accent transition duration-150 "
/>