Interface TypographyProps

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? fontSize? fontStyle? fontWeight? isTruncated? letterSpacing? lineHeight? noOfLines? overflowWrap? textAlign? textIndent? textOverflow? textTransform? whiteSpace? wordBreak?

Properties

Optional fontFamily

fontFamily?: ResponsiveValue<FontFamily>

The CSS font-family property

Optional fontSize

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

Optional fontStyle

fontStyle?: ResponsiveValue<FontStyle>

The CSS font-style property

Optional fontWeight

fontWeight?: ResponsiveValue<string | number>

The CSS font-weight property

Optional isTruncated

isTruncated?: boolean

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

Optional letterSpacing

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

The CSS letter-spacing property

Optional lineHeight

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

The CSS line-height property

Optional noOfLines

noOfLines?: ResponsiveValue<number>

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

Optional overflowWrap

overflowWrap?: ResponsiveValue<OverflowWrap>

The CSS overflow-wrap property

Optional textAlign

textAlign?: ResponsiveValue<TextAlign>

The CSS text-align property

Optional textIndent

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

The CSS text-indent property

Optional textOverflow

textOverflow?: ResponsiveValue<TextOverflow>

The CSS text-overflow property

Optional textTransform

textTransform?: ResponsiveValue<TextTransform>

The CSS text-transform property

Optional whiteSpace

whiteSpace?: ResponsiveValue<WhiteSpace>

The CSS white-space property

Optional wordBreak

wordBreak?: ResponsiveValue<WordBreak>

The CSS word-break property

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc