Subscriptions

Subscription list with status and period display

SaaSProducts

Overview

SubscriptionList displays active, trialing, paused, canceled, and expired subscriptions in a sortable table. Supports pagination, status filtering, row selection with bulk pause/resume/cancel, and individual subscription actions (view, cancel, pause, resume).

Usage

import { SubscriptionList } from "@leanicon/web-builder-library/saas";

<SubscriptionList
  subscriptions={subscriptions}
  totalCount={100}
  page={1}
  pageSize={10}
  onPageChange={setPage}
  onFiltersChange={setFilters}
  onView={(sub) => router.push(`/subscriptions/${sub.id}`)}
  onCancel={(sub) => cancelSubscription(sub.id)}
  onPause={(sub) => pauseSubscription(sub.id)}
  onResume={(sub) => resumeSubscription(sub.id)}
/>;

Variants

Loading

Customer
Product
Status
Period
Amount

Showing 1 to 0 of 0 results

Rows per page
Page 1 of 0

Empty

No subscriptions found

Subscriptions will appear here when customers subscribe.

Error

Failed to load subscriptions. Please try again.

Dark

Customer
Product
Status
Period
Amount

Showing 1 to 0 of 0 results

Rows per page
Page 1 of 0

SubscriptionStatusBadge - All Statuses

ActiveTrialCanceledPausedExpired

SubscriptionStatusBadge - All Sizes

ActiveActiveActive