Subscription Tier Card

Data & TablesPRO

An animated 1px conic-gradient border with a soft halo on hover and a CTA tier toggle.

Interactive Live Preview

components/ui/subscription-tier-card.tsxTypeScript · React 19

1// Source code for Subscription Tier Card
2import * as React from "react";
3
4export default function SubscriptionTierCard() {
5  return <div>Subscription Tier Card</div>;
6}

Props & Specification

Prop	Type	Default	Description
variant	Conic Border \| Monthly \| Annual	Conic Border	Visual state and layout presentation mode.
className	string	""	Optional Tailwind CSS wrapper class overrides.

Related Components in Data & Tables

Audit Activity Stream↗

Real-time enterprise agent activity audit trail with JSON payload diff inspector.

Episodic Vector Memory↗

Vector semantic memory recall grid showing episodic memories and decay score.

Benchmark Evaluation Matrix↗

Multi-test LLM evals table testing accuracy, latency, and hallucination rate.