Quick Action

Overview

The Quick Action module provides ActionButton for triggering dashboard actions with icon, label, and loading state support, and ResourceCard for displaying resource summaries with status indicators, metadata, and clickable navigation.

Usage

import { ActionButton, ResourceCard } from "@leanicon/web-builder-library/saas";
import { Plus, FileText } from "lucide-react";

<ActionButton
  label="Create Report"
  icon={Plus}
  variant="primary"
  onClick={() => {}}
/>

<ResourceCard
  name="Monthly Report"
  description="Revenue analytics for March"
  status="active"
  icon={FileText}
/>

Variants

ActionButton - Default

ActionButton - Primary

ActionButton - Secondary

ActionButton - Outline

ActionButton - Ghost

ActionButton - Small

ActionButton - Large

ActionButton - Loading

ActionButton - Dark

ResourceCard - Active

ResourceCard - Warning

ResourceCard - Error

ResourceCard - Pending

ResourceCard - Loading

ResourceCard - Dark