My personal website
renderg.host
1import { ReactNode } from 'react';
2
3export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
4export type HeadingSize = 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
5
6export interface HeadingProps {
7 children: ReactNode;
8 level?: HeadingLevel; // Semantic HTML tag (h1-h6)
9 size?: HeadingSize; // Visual size (sm, md, lg, xl, 2xl)
10 className?: string;
11}