svelte-5-ui-lib/dist/typography/heading/theme.js

Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.

import { tv } from 'tailwind-variants';
export const heading = tv({
    base: 'font-bold text-gray-900 dark:text-white',
    variants: {
        tag: {
            h1: 'text-5xl font-extrabold',
            h2: 'text-4xl',
            h3: 'text-3xl',
            h4: 'text-2xl',
            h5: 'text-xl',
            h6: 'text-lg'
        }
    },
    defaultVariants: {
        tag: 'h1'
    }
});