AlertsDLX
Demo
Please see below for an overview video and a sample of the different alert types you can create.
Bootstrap
Bootstrap Primary
Bootstrap primary description
Bootstrap Secondary
Bootstrap secondary description
Bootstrap Success
Bootstrap success description
Bootstrap Warning
Bootstrap warning description
Bootstrap Info
Bootstrap info description
Bootstrap Dark
Bootstrap Dark description
Bootstrap Warning With Button
Bootstrap warning description
Bootstrap Danger With Vertically Centered Icon
Bootstrap danger description
Bootstrap Centered Layout
Bootstrap success description
Chakra
Chakra Success
Chakra success description
Chakra Info
Chakra info description.
Chakra Warning
Chakra warning description.
Chakra Error
Chakra error description.
Chakra Warning Centered
Chakra warning description.
Chakra Warning Centered With Button
Chakra error description.
Chakra Error Solid Variant
Chakra error description
Chakra Warning Solid Variant with icon centered
Chakra warning description.
Chakra Success Left Accent
Chakra success description.
Chakra Warning Top Accent
Chakra warning description.
Chakra Dark Mode
Chakra Dark Mode – Success Subtle
Chakra success description
Chakra Dark Mode – Success Solid
Chakra success description
Chakra Dark Mode – Success Left Accent
Chakra success description
Chakra Dark Mode – Success Top Accent
Chakra success description
Chakra Dark Mode – Success Centered
Chakra success description
Chakra Dark Mode – Info Subtle
Chakra Info description
Chakra Dark Mode – Info Solid
Chakra info description
Chakra Dark Mode – Info Left Accent
Chakra info description
Chakra Dark Mode – Info Top Accent
Chakra info description
Chakra Dark Mode – Info Centered
Chakra info description
Chakra Dark Mode – Warning Subtle
Chakra warning description
Chakra Dark Mode – Warning Solid
Chakra warning description
Chakra Dark Mode – Warning Left Accent
Chakra warning description
Chakra Dark Mode – Warning Top Accent
Chakra warning description
Chakra Dark Mode – Warning Centered
Chakra warning description
Chakra Dark Mode – Error Subtle
Chakra error description
Chakra Dark Mode – Error Solid
Chakra error description
Chakra Dark Mode – Error Left Accent
Chakra error description
Chakra Dark Mode – Error Top Accent
Chakra error description
Chakra Dark Mode – Error Centered
Chakra error description
Material Design
Material Success
Material success description
Material Info
Material info description
Material Warning
Material warning description
Material Error
Material error description
Material Error Centered
Material error description
Material Info Centered With Button
Material info description
Material Info Icon Vertically Centered
Material info description
Material Info Variant Outlined
Material info description
Material Warning Variant Outlined
Material warning description
Material Error Variant Outlined
Material error description
Material Info Variant Filled
Material info description
Material Success Variant Filled
Material success description
Material Error Alert Variant Filled
Material alert description
Material Dark Mode
Material Dark Mode – Success Default
Material success description
Material Dark Mode – Success Outlined
Material success description
Material Dark Mode – Success Filled
Material success description
Material Dark Mode – Success Centered
Material success description
Material Dark Mode – Info Default
Material Info description
Material Dark Mode – Info Outlined
Material info description
Material Dark Mode – Info Filled
Material info description
Material Dark Mode – Info Centered
Material info description
Material Dark Mode – Warning Default
Material warning description
Material Dark Mode – Warning Outlined
Material warning description
Material Dark Mode – Warning Filled
Material warning description
Material Dark Mode – Warning Centered
Material warning description
Material Dark Mode – Error Default
Material error description
Material Dark Mode – Error Outlined
Material error description
Material Dark Mode – Error Filled
Material error description
Material Dark Mode – Error Centered
Material error description