mirror of https://github.com/sylv/micro.git
18 lines
514 B
TypeScript
18 lines
514 B
TypeScript
import { useFormikContext } from 'formik';
|
|
import type { FC } from 'react';
|
|
import type { ButtonProps } from '../button';
|
|
import { Button } from '../button';
|
|
|
|
/**
|
|
* Wraps a button and disables when the form is not ready to be submitted.
|
|
* Requires a form in context.
|
|
*/
|
|
export const Submit: FC<ButtonProps> = (props: ButtonProps) => {
|
|
const form = useFormikContext();
|
|
return (
|
|
<Button {...props} disabled={!form.dirty || !form.isValid || form.isSubmitting}>
|
|
{props.children}
|
|
</Button>
|
|
);
|
|
};
|