The Flash component informs users of successful or pending actions.
Default example
Default Flash
Success Flash
Warning Flash
Danger Flash
<Flash>Default Flash</Flash>
<Flashvariant="success">Success Flash</Flash>
<Flashvariant="warning">Warning Flash</Flash>
<Flashvariant="danger">Danger Flash</Flash>
With an icon
Flash components with icons inside of them will automatically set the correct color for the icon depending on the type of Flash, as well as applying the correct right margin.
Success!
<Flashvariant="success">
<StyledOcticonicon={CheckIcon}/>
Success!
</Flash>
System props
Flash components get COMMON system props. Read our System Props doc page for a full list of available props.
Component props
Name
Type
Default
Description
full
Boolean
Creates a full width Flash component
variant
String
default
Can be one of default, success, warning, or danger - sets the background color and border of the Flash component