import { HTMLAttributes, forwardRef } from 'react'; import { cx } from 'class-variance-authority'; interface LinkProps extends HTMLAttributes { href: string; className?: string; children: React.ReactNode; } export const Typography1 = { Header: forwardRef>( ({ children, className, ...props }, ref) => (

{children}

) ), H1: forwardRef>( ({ children, className, ...props }, ref) => (

{children}

) ), H2: forwardRef>( ({ children, className, ...props }, ref) => (

{children}

) ), H3: forwardRef>( ({ children, className, ...props }, ref) => (

{children}

) ), H4: forwardRef>( ({ children, className, ...props }, ref) => (

{children}

) ), H5: forwardRef>( ({ children, className, ...props }, ref) => (

{children}

) ), H6: forwardRef>( ({ children, className, ...props }, ref) => (

{children}

) ), P: forwardRef>( ({ children, className, ...props }, ref) => (

{children}

) ), Span: forwardRef>( ({ children, className, ...props }, ref) => ( {children} ) ), Small: forwardRef>( ({ children, className, ...props }, ref) => ( {children} ) ), Strong: forwardRef>( ({ children, className, ...props }, ref) => ( {children} ) ), Em: forwardRef>( ({ children, className, ...props }, ref) => ( {children} ) ), Blockquote: forwardRef>( ({ children, className, ...props }, ref) => (

{children}

) ), Cite: forwardRef>( ({ children, className, ...props }, ref) => ( {children} ) ), Q: forwardRef>( ({ children, className, ...props }, ref) => ( {children} ) ), Abbr: forwardRef>( ({ children, className, ...props }, ref) => ( {children} ) ), Del: forwardRef>( ({ children, className, ...props }, ref) => ( ~~{children}~~ ) ), Ins: forwardRef>( ({ children, className, ...props }, ref) => ( {children} ) ), Link: forwardRef( ({ children, className, href, ...props }, ref) => ( {children} ) ) }; Typography1.Header.displayName = 'Typography1.Header'; Typography1.H1.displayName = 'Typography1.H1'; Typography1.H2.displayName = 'Typography1.H2'; Typography1.H4.displayName = 'Typography1.H4'; Typography1.H5.displayName = 'Typography1.H5'; Typography1.H6.displayName = 'Typography1.H6'; Typography1.H3.displayName = 'Typography1.H3'; Typography1.Span.displayName = 'Typography1.Span'; Typography1.Small.displayName = 'Typography1.Small'; Typography1.Strong.displayName = 'Typography1.Strong'; Typography1.Blockquote.displayName = 'Typography1.Blockquote'; Typography1.Cite.displayName = 'Typography1.Cite'; Typography1.Q.displayName = 'Typography1.Q'; Typography1.P.displayName = 'Typography1.P'; Typography1.Em.displayName = 'Typography1.Em'; Typography1.Abbr.displayName = 'Typography1.Abbr'; Typography1.Del.displayName = 'Typography1.Del'; Typography1.Link.displayName = 'Typography1.Link'; Typography1.Ins.displayName = 'Typography1.Ins'; export default Typography1;

Typography

Typography Component

Typography Variant

On this page

Contribute to Star Forge