FluentExpress storyboard

Slot-based chrome + card primitives. Examples use placeholder data; no host-specific content.

ExpressRoot

Canonical mount point for FluentExpress consumers. Pass-through in FluentUI Blazor v5 — theming flows via host CSS, not a Razor provider.

FluentExpress root

Pass-through wrapper. Theming flows from host CSS — accent / neutral / radius are configured by overriding FluentUI's emitted CSS variables in the host's tokens.<surface>.css.

Primary button Default button

PageLayout

Three slots (HeaderSlot, BodySlot, FooterSlot). Header is sticky to the top; footer sticks to the bottom on short pages.

Header slot
Body slot — fills remaining vertical space
Footer slot

AppHeader

Brand mark + nav + right-side fragment. Nav items are Team76.BlazorExpress.Navigation.NavItem records.

AppFooter

Grid of titled columns + legal line. Columns are FooterColumn records.

Product

Resources

Company

Legal

© 2026 Sample Brand. All rights reserved.

DsCard

Slot-based card (Header/Body/Footer) with a Variant enum (Default, Stat, Step, Feature).

Default card
Plain card with header, body, and footer slots. Variant adds the fe-card--default class.
Footer slot
42
Stat card — heavyweight header. Hosts style .fe-card--stat .fe-card__header as the metric.
Step 1 — Install
Step card — onboarding sequence. Hosts add numbering or progress affordances via per-variant CSS.
Feature highlight
Feature card — marketing emphasis. Same slot shape; the variant class differentiates visual treatment.
Learn more →