Skip to content

FormActions

The end-aligned button row: children, Cancel, then THE submit (the one primary).

Group: Inputs · Kind: macro · in the lite catalog

example
destructive · true

Open in the playground

The same specimen painted by React, SwiftUI, Compose and gpui.

exponential-ui-form-actions on Web
exponential-ui-form-actions on iOS
exponential-ui-form-actions on Android
exponential-ui-form-actions on Desktop
Prop Type Required Bindable Description
submit string yes yes The submit label.
cancel boolean – – An outline Cancel firing cancel. Default false.
destructive boolean – – A dangerous submit. Default false.
  • on.cancel: runs an action

None.

many

No basic catalog component maps here.

Box · Button

Role: group

group: Cancel, then the submit (the last in focus order)

Keys Action
– Enter, Space on a button

Recipe parts: FormActions/root FormActions/cancel FormActions/submit

Keyed by: :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover

Themes · Write a theme

Button · Form · FieldGroup · Input · Textarea · NumberField · Checkbox · Radio