@makolabs/ripple

Version:

Simple Svelte 5 powered component library ✨

11 lines (10 loc) • 369 B

JavaScript

import { tv } from 'tailwind-variants';
export const metricCard = tv({
    slots: {
        base: 'bg-white rounded-lg border border-default-200 p-6 shadow-sm hover:shadow-md transition-shadow',
        title: 'text-sm text-default-500',
        value: 'text-3xl font-bold text-default-900 mt-2',
        detail: 'mt-3 space-y-1',
        progress: 'mt-auto'
    }
});