Skip to content

Commit 98ad07e

Browse files
Merge pull request #125 from input-output-hk/fix/lw-12936-add-on-submit-form-handler-for-text-box
fix: add onsubmit form event handler for text box component
2 parents 3d3aaec + 8c26e2b commit 98ad07e

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/design-system/text-box/text-box.component.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@ export interface TextBoxProps extends Form.FormControlProps {
2626
maxLength?: number;
2727
'data-testid'?: string;
2828
w?: Sx['w'];
29+
onFormSubmit?: (event: Readonly<React.FormEvent<HTMLFormElement>>) => void;
2930
}
3031

3132
export const TextBox = ({
@@ -42,9 +43,12 @@ export const TextBox = ({
4243
containerStyle,
4344
maxLength,
4445
w = '$auto',
46+
onFormSubmit = event => {
47+
event.preventDefault();
48+
},
4549
...rest
4650
}: Readonly<TextBoxProps>): JSX.Element => (
47-
<Form.Root>
51+
<Form.Root onSubmit={onFormSubmit}>
4852
<Flex justifyContent="space-between" alignItems="center">
4953
<Form.Field
5054
name="field"

0 commit comments

Comments
 (0)