# All files / typography typography.props.ts

100% Statements 21/21
100% Branches 4/4
100% Functions 2/2
100% Lines 21/21

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54

    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x

    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x

     import * as React from "react";
    import { ManagedClasses, TypographyClassNameContract } from "@microsoft/fast-components-class-name-contracts-base";

    export enum TypographyTag {
        caption = "caption",
        h1 = "h1",
        h2 = "h2",
        h3 = "h3",
        h4 = "h4",
        h5 = "h5",
        h6 = "h6",
        p = "p",
        span = "span",
        figcaption = "figcaption"
    }

    export enum TypographySize {
        _1 = 1,
        _2 = 2,
        _3 = 3,
        _4 = 4,
        _5 = 5,
        _6 = 6,
        _7 = 7,
        _8 = 8,
        _9 = 9
    }

    export interface TypographyUnhandledProps extends React.BaseHTMLAttributes<
        HTMLHeadingElement
        | HTMLParagraphElement
        | HTMLSpanElement
        | HTMLTableCaptionElement
    > {}
    export interface TypographyManagedClasses extends ManagedClasses<TypographyClassNameContract> {}
    export interface TypographyHandledProps extends TypographyManagedClasses {
        /**
         * The typographic content
         */
        children?: React.ReactNode;

        /**
         * Use the appropriate HTML tag type depending on context
         */
        tag?: TypographyTag;

        /**
         * The visual size (type level) which aligns to a type ramp instance
         */
        size?: TypographySize;
    }

    export type TypographyProps = TypographyHandledProps & TypographyUnhandledProps;