<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>
Available options for Banner component
Name | Description | Default 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 |