Appearance
Submit Button
A button that triggers the parent Form Container's submission. Renders as an HTML <button type="submit">.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
| label | text | 'Submit' | The button text. Supports expressions. |
Events
onClick-- Fires when the button is clicked (before form submission).
Example
A standard form submit button:
label: SubmitA contextual button label:
label: Create AccountA dynamic label:
label: `{ {if(row.id, 'Update', 'Create')}}`Tips
- Place inside a Form Container. The Submit Button triggers the Form Container's
onSubmitevent 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')}}.