LicenseBadge

v1.0.0

Badge showing license state such as licensed, trial, or expired.

Import

import { LicenseBadge } from '@meteorack/sdk-react';

How To Use It

Use it anywhere license state must be visible at a glance, especially inside plugin cards and detail headers.
Keep it as a compact signal and place billing or renewal explanations in adjacent text or actions.

Works Well With

PluginCard Badge PageHeader

Props

status: 'licensed' | 'trial' | 'expired' | 'unknown'

License state mapped to a semantic badge label and color.

className?: string

Optional class name for the badge element.

Example

LicenseBadge.tsx

import { LicenseBadge } from '@meteorack/sdk-react';

export function LicenseStates() {
  return (
    <div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap' }}>
      <LicenseBadge status="licensed" />
      <LicenseBadge status="trial" />
      <LicenseBadge status="expired" />
      <LicenseBadge status="unknown" />
    </div>
  );
}

PreviousPluginGrid NextSlotRenderer