FormSubmit and FormReset

Submit with a spinner. In edit mode both wait for a change.

Example

Edit member
Profile
Verified

45 / 500

  • wanjiru.jpg

PNG, JPG or WebP, up to 2 MB

Access

Mentions and weekly summary

Installation
bunx --bun shadcn@latest add @fieldkit/form-submit

Needs the @fieldkit registry. Add it once

Usage
Terminal
import { FormReset } from "@/components/form/form-reset"import { FormSubmit } from "@/components/form/form-submit"
<FormSubmit>Save changes</FormSubmit><FormReset />
API reference

FormSubmit

requireChangesboolean = true in edit modeDisabled until a value changes.
...button propsReact.ComponentProps<typeof Button>Any Button prop except type and disabled.

FormReset

childrenReact.ReactNode = "Discard changes"Button label.

Search docs

Find a component, input or example