Executes specific workflow logic or external actions.
Triggers APIs, scripts, or downstream steps
Displays live state: loading, success, error
Supports confirmation prompts before execution
Obeys conditional visibility and validation rules
Integrated with workflow context and data binding
For approvals, rejections, or custom review logic.
States: Approve, Reject, Request Changes
Color-coded to signal decision types
Can require comments before submission
Supports audit trail capture and workflow transitions
Assignable by role or user
Drives form flow across multi-screen layouts.
Includes Next, Previous, Finish buttons
Runs per-step validation before navigation
Supports “Save and Continue Later” functionality
Integrates with breadcrumb or progress UI
Controls dynamic screen logic in workflows
Primary: #0900E3 background, white text
Outline: #0900E3 border, blue text
Ghost: Transparent background, #0900E3 text
White: White background, slate text
Gray: Slate-100 background, slate text
Gray Outline: Slate border, slate text
Destructive: Red-500 background, white text
Danger Outline: Red border, red text
Danger White: White background, red text
All variants support responsive design, hover/focus states, and accessibility compliance.
Enable the Label toggle, then enter your button label in the input field. Use the ✕ icon to quickly clear it.
Enable the Icon toggle, then click the icon field to browse from categorized options.
Choose Left, Right, or toggle off the label to create an icon-only button.
Smart behavior: Turning off the label automatically locks the button as icon-only to prevent empty-state buttons.
Organized by category to match your use case:
Category | Icons |
|---|---|
Actions | Arrow, Plus, Check, Search |
System | Settings, Alert, Trash, Link |
Communication | Mail, Globe, File, User |
Emojis | 😀 😂 ❤️ and others |
Submit form data
Move to next or previous section
Save progress and continue later
Call APIs or webhook endpoints
Trigger automation nodes
Update workflow state or variable values
Drive approval or rejection logic
Capture reviewer feedback
Redirect flow based on button clicked
Field | Purpose |
|---|---|
| Sets the visible label of the button |
| Controls whether text is shown on the button |
| Adds a tooltip icon with custom message |
| Enables icon next to text or as standalone |
| Aligns the button left, center, or right |
Use programmatic control during workflow execution:
disable(path) // Disables the button (non-interactive) enable(path) // Re-enables the button setloading(true, path) // Shows a spinner while processing
Respond to button clicks using:
on_<component_id>_click(path)
Trigger logic, API calls, field updates, or conditional flows based on user input.