Cards · Brand Book · Facton SharedUI Sample

Appearances

Default

CardAppearance.Default

Filled

CardAppearance.Filled

Outline

CardAppearance.Outline

Subtle

CardAppearance.Subtle

Shadows

None

Small

Default

Medium

Large

Clickable

Interactive card

Clicked 0 time(s) — cards accept an OnClick callback like a button.

Composed content

Project Phoenix

A card is just a surface — badges, text, and actions compose inside it like any other container.

Active

Internal

Open

Application card

Procurement Client

Source parts, run RFQs and manage supplier quotes.

v2026.2.1

Usage

<FluentCard Appearance="CardAppearance.Filled" Shadow="CardShadow.Medium">
    <FluentText Weight="TextWeight.Bold" Block="true">Title</FluentText>
    <FluentText Block="true">Body content.</FluentText>
</FluentCard>
<FluentCard Appearance="CardAppearance.Outline" OnClick="HandleCardClickAsync">
    Clickable card content.
</FluentCard>