Basic Banner

<PrimerBanner Variant="BannerVariant.Success"
                Title="Build Failed"
                Description="Your last deployment encountered errors.">
    <Icon>
        <PrimerIcon Icon="IconName.Rocket16" Size="IconSize.Small"></PrimerIcon>
    </Icon>
    <Actions>
        <PrimerButton Variant="ButtonVariant.Default">View Logs</PrimerButton>
    </Actions>
</PrimerBanner>

<PrimerBanner Variant="BannerVariant.Outline"
                Title="Information"
                Description="This message is for informational purposes only.">
</PrimerBanner>

<PrimerBanner Variant="BannerVariant.Upsell"
                Title="Server Connected"
                Description="Connection was successful.">
</PrimerBanner>

Banner Options

Available options for Banner component

NameDescriptionDefault Value
Title
Title of the banner
-
Description
Description text
-
Variant
Banner style variant (Success, Outline, Upsell)
Default
Icon
Optional custom icon
-
Actions
Optional action buttons area
-
ShowIcon
Whether to show the icon area
true