funuicss
Version:
React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting b
46 lines (45 loc) • 1.48 kB
TypeScript
import React from 'react';
type TypographyProps = {
id?: string;
text?: React.ReactNode;
funcss?: string;
bg?: string;
color?: string;
hoverBg?: string;
hoverText?: string;
monospace?: boolean;
emp?: boolean;
bold?: boolean;
block?: boolean;
body?: boolean;
article?: boolean;
light?: boolean;
lighter?: boolean;
italic?: boolean;
underline?: boolean;
weight?: number;
quote?: boolean;
align?: "left" | "center" | "right" | "justify";
lineHeight?: string;
letterSpacing?: string;
uppercase?: boolean;
lowercase?: boolean;
capitalize?: boolean;
textDecoration?: "none" | "underline" | "overline" | "line-through";
textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
wordBreak?: "normal" | "break-all" | "keep-all" | "break-word";
fontFamily?: string;
textShadow?: string;
textAlign?: "left" | "center" | "right" | "justify";
opacity?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
zIndex?: number;
truncate?: number;
transform?: string;
customStyles?: React.CSSProperties;
onClick?: () => void;
children?: React.ReactNode;
size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
};
declare const Text: React.FC<TypographyProps>;
export default Text;