Primer Blazor
Product UI Brand UI Demo

Basic Inline Message

A critical inline message
A success inline message
A small inline message
A medium inline message
<PrimerInlineMessage Variant="InlineMessageVariant.Critical">
    A critical inline message
</PrimerInlineMessage>

<PrimerInlineMessage Variant="InlineMessageVariant.Success">
    A success inline message
</PrimerInlineMessage>

<PrimerInlineMessage Variant="InlineMessageVariant.Default" Size="InlineMessageSize.Small">
    A small inline message
</PrimerInlineMessage>

<PrimerInlineMessage Variant="InlineMessageVariant.Default" Size="InlineMessageSize.Medium">
    A medium inline message
</PrimerInlineMessage>

Inline Message Options

Available options for InlineMessage component

NameDescriptionDefault Value
Variant
Visual style of the message (Default, Critical, Warning, Success, Unavailable)
Default
Size
Size of the message (Small, Medium)
Medium
Icon
Optional leading icon
Auto based on Variant