Skip to content

FeatureNavCard

Feature-navigation card with avatar, title, subtitle, description and an optional “go to” action button.

Gradient strip and hover tint shared by the accent bar and the card itself.

Color of the action button. Defaults to FeatureNavCard.AvatarColor.

Optional action-button label (only rendered when FeatureNavCard.Href is set).

Color of the leading avatar.

Accessibility attributes splatted onto the card so a clickable card behaves like a button for keyboard and screen-reader users (role, tab stop, label, key handler).

Optional extra content rendered below the description.

Body description of the feature.

Optional avatar gradient end. See FeatureNavCard.GradientStart.

Optional avatar gradient start. When both gradient colours are set, the avatar renders as a gradient tile (echoing the feature hero) instead of a flat FeatureNavCard.AvatarColor avatar.

Navigation target. When set, the whole card becomes clickable.

Icon inside the avatar.

Subtitle shown beneath the title.

Card title.

Feature-navigation card with avatar, title, subtitle, description and an optional “go to” action button.