FormActions
A standard form action bar that renders Submit and Cancel buttons with consistent spacing and loading state. Place it at the bottom of a form.
📖 StorybookPreview
Live preview↗ Open in Storybook
Import
import { FormActions } from "@xocialive/ui-components";
Basic usage
<FormActions onSubmit={formik.handleSubmit} onCancel={() => navigate(-1)} isSubmitting={formik.isSubmitting} />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
onSubmit | () => void | — | Submit button handler |
onCancel | () => void | — | Cancel button handler |
isSubmitting | boolean | false | Shows a spinner and disables submit |
submitLabel | string | "Save" | Submit button label |
cancelLabel | string | "Cancel" | Cancel button label |
sx | SxProps<Theme> | — | Root element style overrides |