Card

fluent-card

The fluent-card 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 {
    provideFluentDesignSystem,
    fluentCard
} from "@fluentui/web-components";

provideFluentDesignSystem()
    .register(
        fluentCard()
    );

Example

Please see the Blazor documentation and demo site for more information.