Alert

Components

Alert / info
info
Proactively exploit resource-leveling intellectual capital through user friendly imperatives. Phosfluorescently actualize technically sound platforms with clicks-and-mortar benefits. Dramatically procrastinate economically sound architectures rather than future-proof.
Alert / Error
error
Proactively exploit resource-leveling intellectual capital through user friendly imperatives. Phosfluorescently actualize technically sound platforms with clicks-and-mortar benefits. Dramatically procrastinate economically sound architectures rather than future-proof.
Alert / Warning
warning
Proactively exploit resource-leveling intellectual capital through user friendly imperatives. Phosfluorescently actualize technically sound platforms with clicks-and-mortar benefits. Dramatically procrastinate economically sound architectures rather than future-proof.
Alert / Success
check_circle
Proactively exploit resource-leveling intellectual capital through user friendly imperatives. Phosfluorescently actualize technically sound platforms with clicks-and-mortar benefits. Dramatically procrastinate economically sound architectures rather than future-proof.
Alert / Banner
info
Proactively exploit resource-leveling intellectual capital through user friendly imperatives. Learn more
Alert / Banner 2
Proactively exploit resource-leveling intellectual capital through user friendly imperatives. Learn more

Best Practices

Use components to build interfaces. Search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E). Once you added a Component to your page unlink it to make changes. Right-click on the symbol’s label and choose unlink from symbol. This is the rule. We use overrides only as an exception for simple components that you'd rather want to re-style on the specific page within Style Guide (buttons, toggles etc. - mostly atoms).

Component Description

The alert component is a non-disruptive message to provide quick, at-a-glance feedback on the outcome of an action. It may be also used for information purposes.

Video tutorials

Coming soon...

arrow_upward