Skip to content

Flash

The Flash component informs users of successful or pending actions.

Default example

Default Flash
Success Flash
Warning Flash
Danger 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!

System props

System props are deprecated in all components except Box. Please use the sx prop instead.

Flash components get COMMON system props. Read our System Props doc page for a full list of available props.

Component props

NameTypeDefaultDescription
fullBooleanCreates a full width Flash component
variantStringdefaultCan be one of default, success, warning, or danger - sets the background color and border of the Flash component
Edit this page on GitHub
2 contributorsVanAndersonemplums
Last edited by VanAnderson on July 22, 2021