Skip to content

Submit Button

A button that triggers the parent Form Container's submission. Renders as an HTML <button type="submit">.

Properties

PropertyTypeDefaultDescription
labeltext'Submit'The button text. Supports expressions.

Events

  • onClick -- Fires when the button is clicked (before form submission).

Example

A standard form submit button:

label: Submit

A contextual button label:

label: Create Account

A dynamic label:

label: `{ {if(row.id, 'Update', 'Create')}}`

Tips

  • Place inside a Form Container. The Submit Button triggers the Form Container's onSubmit event and action.
  • Use the Button widget for non-form buttons (navigation, actions outside forms).
  • The button automatically shows a loading state during form submission and re-enables when the action completes.
  • Style the button via the Design tab (background color, padding, font, border-radius, hover state).
  • Use expressions in the label for create/edit forms: { {if(row.id, 'Save Changes', 'Create New')}}.