TextField display [object Event]

[kapilpipaliya]

Describe the bug When <TextField.Input onChange={setValue}/> is passed TextInput displays [object Event] inside it.

function ControlledExample() {
    const [value, setValue] = createSignal();
    return (
        <>
            <TextField value={value()} onChange={setValue}>
                <TextField.Input onChange={setValue}/>
            </TextField>
            <p>Your favorite fruit is: {value()}.</p>
        </>
    );
}

Expected behavior It should ignore passed onChange and display proper value.

Screenshots

[kapilpipaliya]

TextFieldContext should be exported. so we can overwrite TextFieldInput component if required.

[jer3m01]

setValue should only be called from the onChange of TextField and not TextField.Input.

The root onChange recieves a value with kobalte handling whereas the one from the input is the native event and should only be used for advanced custom handling.

[kapilpipaliya]

Can we export all context for example TextFieldContext ?

[jer3m01]

Can we export all context for example TextFieldContext ?

That's planned #321, will need time to design the API, no ETA.