Skip to main contentTunggal LogoTunggal Design System

Alert

Alert Merupakan sebuah pesan yang bersifat interupsi muncul sebagai respon dari interaksi yang dilakukan user, biasanya memberitahukan user mengenai informasi berkenaan dengan tindakan yang mereka ambil.

Rules of use

Gunakan alert ketika:

  • Validasi dari sistem.
  • Memberikan notifikasi sistem
  • Memberitahu user masalah yang telah terjadi atau sudah terjadi (berhubungan dengan tindakan yang diambil)

Contextual

Use alert according to the context

This is alert for the basic information

This is alert for success or positive information

This is alert for warning information

This is alert for danger information

Examples

Simple

Use simple alerts as information to the user in one sentence

Your order was successful, please confirm your payment immediately

Basic

Use basic alerts as information to the user with the context written in the title

Perhatian
Segera lakukan konfirmasi pembayaran secepatnya (maksimal 12jam)

Dismissable

Use dismissable alerts as short information for users that can disappear by themselves or dismissed by the user

Segera lakukan konfirmasi pembayaran secepatnya (maksimal 12jam)

Attention

Use attention alert with additional icons to grab the user’s attention so that information can be conveyed

I Love You
Kamu adalah pelanggan setia kami, aku ingin kamu terus bersama kami

Simple attention

Use simple attention alert with additional icons to grab the user’s attention so that information can be conveyed

Kamu adalah pelanggan setia kami, aku ingin kamu terus bersama kami

Full width

Use full width alert with information displayed on a card, modal box or sheet box

I Love You
Kamu adalah pelanggan setia kami, aku ingin kamu terus bersama kami