Types for typography related CSS properties

interface TypographyProps {
    fontFamily?: ResponsiveValue<FontFamily>;
    fontSize?: ResponsiveValue<number | "small" | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller">;
    fontStyle?: ResponsiveValue<FontStyle>;
    fontWeight?: ResponsiveValue<string | number>;
    isTruncated?: boolean;
    letterSpacing?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal">;
    lineHeight?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | number & {}>;
    noOfLines?: ResponsiveValue<number>;
    overflowWrap?: ResponsiveValue<OverflowWrap>;
    textAlign?: ResponsiveValue<TextAlign>;
    textIndent?: ResponsiveValue<TextIndent<0 | string & {}>>;
    textOverflow?: ResponsiveValue<TextOverflow>;
    textTransform?: ResponsiveValue<TextTransform>;
    whiteSpace?: ResponsiveValue<WhiteSpace>;
    wordBreak?: ResponsiveValue<WordBreak>;
}

Hierarchy (view full)

Properties

fontFamily?: ResponsiveValue<FontFamily>

The CSS font-family property

fontSize?: ResponsiveValue<number | "small" | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller">

The CSS font-size property

fontStyle?: ResponsiveValue<FontStyle>

The CSS font-style property

fontWeight?: ResponsiveValue<string | number>

The CSS font-weight property

isTruncated?: boolean

If true, it clamps truncate a text after one line.

letterSpacing?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal">

The CSS letter-spacing property

lineHeight?: ResponsiveValue<number | string & {} | "initial" | "inherit" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "normal" | number & {}>

The CSS line-height property

noOfLines?: ResponsiveValue<number>

Used to visually truncate a text after a number of lines.

overflowWrap?: ResponsiveValue<OverflowWrap>

The CSS overflow-wrap property

textAlign?: ResponsiveValue<TextAlign>

The CSS text-align property

textIndent?: ResponsiveValue<TextIndent<0 | string & {}>>

The CSS text-indent property

textOverflow?: ResponsiveValue<TextOverflow>

The CSS text-overflow property

textTransform?: ResponsiveValue<TextTransform>

The CSS text-transform property

whiteSpace?: ResponsiveValue<WhiteSpace>

The CSS white-space property

wordBreak?: ResponsiveValue<WordBreak>

The CSS word-break property

Generated using TypeDoc