PluginCard

v1.0.0

Hub plugin card showing status, version, description, and primary action.

Import

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

How To Use It

Use it to summarize a single plugin or module inside the Meteorack hub or marketplace-style grids.
Feed it normalized plugin data so the card can present status, license state, and the primary action consistently.

Works Well With

PluginGrid LicenseBadge Badge

Props

plugin: PluginData

Normalized plugin payload containing slug, name, description, version, iconUrl, status, licenseStatus, isLicensed, and optional price.

className?: string

Optional class name passed to the outer card wrapper.

Example

PluginCard.tsx

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

const plugin = {
  slug: 'seo',
  name: 'Meteorack SEO',
  description: 'Rank tracking, schema, and metadata controls.',
  version: '1.2.0',
  iconUrl: '/module-icon.svg',
  status: 'active',
  licenseStatus: 'licensed',
  isLicensed: true,
};

export function FeaturedPlugin() {
  return <PluginCard plugin={plugin} />;
}

PreviousDrawer NextPluginGrid