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.

Usage

Live Editor
Result

Card title

At purus lectus quis habitant commodo, cras. Aliquam malesuada velit a tortor. Felis orci tellus netus risus et ultricies augue aliquet.

Learn more

Applying custom styles

import { customElement } from "@microsoft/fast-element";
import { Card, CardTemplate as template } from "@microsoft/fast-foundation";
import { CardStyles as styles } from "./card.styles";
@customElement({
name: "fast-card",
template,
styles,
})
export class FASTCard extends Card {}