Skip to main content

fast-card

The fast-card component is a visual container without semantics that takes children. Cards are snapshots of content that are typically used in a group to present collections of related information.

Setup#

import {    provideFASTDesignSystem,    fastCard} from "@microsoft/fast-components";
provideFASTDesignSystem()    .register(        fastCard()    );

Usage#

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Create your own design#

import {    Card,    cardTemplate as template,} from "@microsoft/fast-foundation";import { cardStyles as styles } from "./my-card.styles";
export const myCard = Card.compose({    baseName: "card",    template,    styles,});

Additional resources#