Workflow Templates

Workflow template gallery and reuse

SaaSWorkflow

Overview

The Templates components provide interactive controls for browsing and managing workflow templates. TemplateGalleryCard displays a template with its name, description, category, usage count, and average rating in a card format suitable for grid layouts. RateTemplateButton renders an interactive star rating control. SaveAsTemplateDialog provides a form for saving the current workflow as a reusable template. UseTemplateDialog lets users configure template variables before creating a new workflow from a template.

Usage

import { RateTemplateButton, TemplateGalleryCard } from "@leanicon/web-builder-library/saas";

<TemplateGalleryCard
  template={{
    id: "1",
    name: "Order Processing",
    description: "Complete workflow for processing customer orders.",
    category: "E-Commerce",
    usageCount: 1250,
    averageRating: 4.5,
  }}
  onUse={handleUse}
  onClick={handlePreview}
/>;

<RateTemplateButton currentRating={4} onRate={(rating) => rateTemplate(templateId, rating)} />;

Variants

Order Processing

E-Commerce

A complete workflow for processing customer orders from receipt to delivery.

4.5
1.3K

Order Processing

E-Commerce

A complete workflow for processing customer orders from receipt to delivery.

4.5
1.3K

Order Processing

E-Commerce

Complete workflow for processing customer orders.

4.5
1.3K

Employee Onboarding

HR

Streamlined onboarding for new employees.

4.9
3.4K

Invoice Approval

Finance

Multi-level invoice approval workflow.

4.2
890

Rate Template Button

Rate Template Button With Rating

Rate Template Button Full Rating

Rate Template Button Read Only

Rate Template Button Sizes

Rate Template Button Disabled