Yeti Alerts JavaScript Library Examples

Create an alert

As you can notice an alert has been opened automatically.

To achieve that you only need to init the Yeti class container and use the method show to show the yeti alert.

JS code

Default alert

Init the Yeti class container and use the method show to show the yeti alert at the button event.

Show Yeti default

JS code

Severity

You can change the severity using the property severity. The available values are: 'ok', 'nok', 'warn', and 'info' (default).

HTML code

JS code

Title

You can change the severity using the property severity. The available values are: 'ok', 'nok', 'warn', and 'info' (default).

Same HTML Code as Severity ecample.

JS code

Not Fade on next alert

By default, the alerts fade when next alert appears, you can disable that by adding fadeOnNext: false property.

Same HTML Code as Severity ecample.

JS code

Timer (duration)

By default, the alerts fade ha sno time, they lasts until you close one, or if other one appears (unless you set the property fadeOnNext: false).

You can set an alert time in ms by setting time: 1000 property. At this example the alert will remain 1s.

When you set a time the alert will not be closable

Same HTML Code as Severity ecample.

JS code

Styles

By default, the alerts fade when next alert appears, you can disable that by adding fadeOnNext: false property.

Same HTML Code as Severity ecample.

JS code

Colors and shadows

Sizing and space