Button

Primary action component for triggering user actions

The Button component is a fundamental interactive element used to trigger actions throughout your application.

Buttons are used to initiate actions, submit forms, and navigate between screens. They provide clear visual feedback and are accessible by default.

Primary buttons are used for the main action on a page or within a section.

Secondary buttons are used for less prominent actions or as alternatives to primary buttons.

Tertiary buttons are used for subtle actions or when you want to de-emphasize an action.

example.tsx
<Button>Click me</Button>
example.tsx
<Button renderIcon={AddIcon}>Add Item</Button>
  • Use primary buttons sparingly - typically one per page or section
  • Ensure button labels are clear and action-oriented
  • Provide loading states for async actions
  • Use appropriate button sizes for the context
Decorative blur effect
Component screenshot

This section demonstrates the DecisionFlowBlock component for visualizing decision trees and user flow logic.

Decision flow8 nodes · 7 links