Alert
The Alert component is designed to display important messages or notifications to users. It offers a straightforward and effective way to capture attention, emphasize key information, or convey the status of an action. With six available themes; default,
.primary
, .success
, .warning
, .error
, and .dark
. Alerts are highly customizable to suit various designs and themes. Simply add the .alert
class to a span
or div
container element to create an alert.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Sizes
Small
Default
Large
Styles | Combinators |
---|---|
primary |
.primary.alert |
success |
.success.alert |
warning |
.warning.alert |
error |
.error.alert |
dark |
.dark.alert |
Sizes | Combinators |
small |
.small.alert |
large |
.large.alert |