Skip to content
Primer Design System

Primer Design System

Flash

Flash alert informs users of successful or pending actions.

On this page

  • Updated 9 Dec 2024

Playground

No preview available
SecondaryAction?
PrimaryAction?
Title?
Dismissible?
Small
Variant

Props

NameTypeValuesDefault
SecondaryAction?Booleantrue false true
IconInstance swap-EXTERNAL_COMPONENT
PrimaryAction?Booleantrue false true
VariantVariantwarning critical success info upsell warning
Title?Variantfalse true false
Dismissible?Varianttrue false true
SmallVariantfalse true false

Icon

PrimaryAction?: true, Icon: 31764:4542, SecondaryAction?: true, Variant: warning, Title?: false, Dismissible?: true, Small: false
31764:4542

Variant

PrimaryAction?: true, Icon: 31764:4542, SecondaryAction?: true, Variant: warning, Title?: false, Dismissible?: true, Small: false
warning
PrimaryAction?: true, Icon: 31764:4542, SecondaryAction?: true, Variant: critical, Title?: false, Dismissible?: false, Small: false
critical
PrimaryAction?: true, Icon: 31764:4542, SecondaryAction?: true, Variant: success, Title?: false, Dismissible?: true, Small: false
success
PrimaryAction?: true, SecondaryAction?: true, Icon: 31764:4542, Variant: info, Title?: false, Dismissible?: true, Small: false
info
PrimaryAction?: true, SecondaryAction?: true, Icon: 31764:4542, Variant: upsell, Title?: false, Dismissible?: true, Small: false
upsell

Title?

PrimaryAction?: true, Icon: 31764:4542, SecondaryAction?: true, Variant: warning, Title?: false, Dismissible?: true, Small: false
false
PrimaryAction?: true, Icon: 31764:4542, SecondaryAction?: true, Variant: warning, Title?: true, Dismissible?: true, Small: false
true

Dismissible?

PrimaryAction?: true, Icon: 31764:4542, SecondaryAction?: true, Variant: warning, Title?: false, Dismissible?: true, Small: false
true
PrimaryAction?: true, Icon: 31764:4542, SecondaryAction?: true, Variant: warning, Title?: false, Dismissible?: false, Small: false
false

Small

PrimaryAction?: true, Icon: 31764:4542, SecondaryAction?: true, Variant: warning, Title?: false, Dismissible?: true, Small: false
false
PrimaryAction?: true, SecondaryAction?: true, Icon: 31764:4542, Variant: warning, Title?: false, Dismissible?: true, Small: true
true