Skip to content

UI Components Overview

General-purpose UI components from @workflowbuilder/ui.

General-purpose interface components from @workflowbuilder/ui. Each page has a live, interactive example plus the component’s props and CSS variables.

  • Accordion - Collapsible content section.
  • Avatar - User avatar with image and sizes.
  • Button - Action button with variants and sizes.
  • Checkbox - Checked, unchecked, and indeterminate states.
  • Collapsible - Expand and collapse a content section.
  • DatePicker - Date selection with a calendar popover.
  • Input - Text input with icons and explicit field states.
  • Menu - Popup menu for dropdowns.
  • Modal - Dialog overlay with a backdrop.
  • NavButton - Compact icon / label navigation button.
  • Radio - Radio button for a single choice.
  • SegmentPicker - Segmented single-choice control.
  • Select - Dropdown select.
  • Separator - Visual divider.
  • Snackbar - Transient status notification.
  • Status - Validation status indicator.
  • Switch - Toggle between two states.
  • TextArea - Multi-line text input.
  • Tooltip - Hover tooltip with variants.