# All files / card card.props.ts

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

    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

    1x
    1x
    1x
    1x

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

    /**
     * Card HTML tags
     */
    export enum CardTag {
        article = "article",
        div = "div",
        section = "section"
    }

    export interface CardManagedClasses extends ManagedClasses<CardClassNameContract> {}
    export interface CardUnhandledProps extends React.HTMLAttributes<HTMLDivElement | HTMLElement> {}
    export interface CardHandledProps extends CardManagedClasses {
        /**
         * The card children
         */
        children?: React.ReactNode;

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

    export type CardProps = CardHandledProps & CardUnhandledProps;